Playing the video on the front, now with the HTML5 is a good choice, but sometimes need to use strobemediaplayback, jwplayer this kind of Flash Player, jwplayer free version with a watermark, And there are some reference JS code because some network problems are not easy to download, resulting in slow loading. I used to find some cracked version from the Internet, but these two problems are not solved very
/local/nginx/vod/flvs directory3.2.3, preparing the Web pageDownload jwplayer:www. jwplayer. com needs to be registered to download and obtain the corresponding license key (e.g., 601u+htlhuxp5lqpeztrlaabkwyx/94l3lracg==)After downloading Jwplayer7.3.6.zip, extract to:/usr/local/nginx/html/Set up the test page test.html, also put in the above directory: 3.3, start Nginx3.3.1 Execution/usr/local/nginx/sbin/nginx3.3.2, from the client page input Http:/
First step: first introduce the relevant technology usedNote: The Jwplayer plug-in used in the project does not support the RTSP protocol, so use the following techniques to turn the art
FFmpeg is an open-source computer program that can be used to record, convert digital audio, video, and turn it into a stream. Here I only use its video format conversion function, the RTSP protocol to the stream into rtm
plugin)
RTMP_SAMPLE_PLAYER_VIDEOJS: Videojs-based rtmp/http player
Rtmp_sample_player_jwplayer: Jwplayer-based rtmp/http player
Hls_sample_player_flowplayer: FlowPlayer-based HLS player (add HLS plugin)
HLS_VIDEO_PLAYER_HTML5: HTML5-based hls/http player
Activex_vlc_player: The player for the VLC-based ActiveX control
home page, if you can see the following, indicating that the entire environment is OK, then you can use push and pull flow to see the actual effect. Finally, use the command nginx.exe -s stop to gracefully terminate the Nginx service.
Effect testThe next effect test, a little bit of a change to the environment, using the Jwplayer play page provided in Nginx-rtmp-module to pull the stream or record pag
There is a lot of knowledge and documentation about Jwplayer online, this article only describes how to use Jwplayer.
Use jwplayer here, need to build network environment (this article uses appserv2.6.0 integration environment)
Appserv 2.6.0 installation is very simple, apache2.2 boot port 80 may conflict, the same solution Google, install the best reboot.
restore the java.home here to null. need to close cmd , re-open cmd to function. start compiling again, an error occurs, \playerversion.as (5): column : Error : Properties of Access version not defined. will be playerversion.as Open, set jwplayer::version modified to " 6.12.0 "and other specific version numbers. go to logoModify D:\jwplayer-master\src\flash\com\longtailvideo\
For a successful product, it is closed, but is open to the outside, this sentence is not contradictory, let me say that it is closed because its own code does not allow you to modify, and said it is open, because it defines a lot of API for us, or called callback method, for Jwplayer, It gives us a lot of JS callback methods (events), which are included in the events property. Application situationsThe time that the current video was recorded while pl
2.2.1, PHP call methodPHPclassflv{var $flv _root= '/resources/jwplayer/'; Public Static functionGet_header () {Echo""; } #$arr An array-type playlist; #only one video does not display the playlist, the entire width is set to 800px, multiple videos show playlists, width is set to 1000px, and the playlist width is set to 200px; Public functionflv$arr){ $width=800; $height=450; $size=1; if(Count($arr) >=2){ $size=200; $wi
I. PreambleCore: Server (Nginx-rtmp-module) + push-to-stream (OBS) + Accept-end (Jwplayer)Second, the service side 1. Download Nginx-rtmp-module ModuleAddress: Https://github.com/arut/nginx-rtmp-module2. Compile and install NginxCD./nginx-1.10.0/./configure--add-module=/path/to/nginx-
original CentOS from the source installed Nginx, it does not have the RTMP module, need to uninstall.After installing the compiled Nginx:Enter:/usr/local/nginx/sbin./nginx-c/usr/local/nginx/conf/nginx.conf(Note: The following need is the absolute address)FFmpeg Push Stream (if there is no FLV file, you can use 264,ts these files to convert, ffmpeg common commands this blog another article also has a brief introduction)Ffmpeg-re-i ipcam.flv-f flv
Reference Address: http://www.cnblogs.com/lori/archive/2014/05/05/3709459.htmlApplication situationsThe time that the current video was recorded while playing, and the time the write completed when the playback finished, like these functions, we can resolve by the event callback method, that is, assign the corresponding value to the events property.AttentionWhen testing, Jwplayer needs to be tested on the official web site, and when opened locally, it
protocol
Iv. Basic Functional Testing:
Player with open source player Jwplayer, place player in index.html sibling directory
Nginx-http test page index.html (remember to add keyframes to the video when HTTP is required)
Ndex.cgi? P1_prod_version=shockwaveflash "flashvars=" type=httpfile=http://192.168.0.33:8081/2.flvautostart=true "Wmode=" OpaqUE "/>
NGINX-RTMP test Page index.html
Using require JS modular code, where the player is jwplayer7.x and then loaded jwplayer.js after the license is always reported invalid (license has joined), and finally in the Jwplayer website forum to find the problem:The reason seems to being that the Flash Player needs access window.jwplayer to. window.jwplayer are not set when using AMD (or CommonJS), Therefo Re the Flash Player doesn ' t work.While waiting for a fix, a workaround are to simply s
Starter: Personal blogs, continuous updates and correctionsI always thought that it was complicated to embed video in a Web page, and it was very simple to study it.The actual thing is to embed a control in the page. There are already many solutions in the community. Jwplayer is the most popular (one).Controls include JS, CSS, and SWF files, the SWF file is the player, it is part of the control, and the introduction of the control package is the same
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.