Using JW Player 4 with Wowza Server

you are going to setup an application named simplevideostreaming to stream pre-recorded video content from the [install-dir]/content folder.

Instructions

• Download and install Wowza Media Server
• Create the folder [install-dir]/applications/simplevideostreaming to server as the Wowza Server application folder (may already exist if examples installed)
• Download the JW Player and unzip
• Edit the readme.html in root directory of the zip archive, and make the following changes to the script section (starting around line 24):
  
  

  <script type="text/javascript">
  	var s1 = new SWFObject("player.swf","ply","328","200","9","#FFFFFF");
  	s1.addParam("allowfullscreen","true");
  	s1.addParam("allowscriptaccess","always");
  	s1.addParam("flashvars","fullscreen=true&bufferlength=2&streamer=rtmp://[server-ip-address]/simplevideostreaming&file=Extremists");
  	s1.write("container");
  </script>
  

  
  
  where:
  
  [server-ip-address]: is the ip address of your server running Wowza Server
  
  simplevideostreaming: is the name of the Wowza Server application
  
  Extremists: is the name of the sample FLV video that ships with Wowza Server
  
  We are setting the client side bufferlength to 2 seconds
  
  To play the H.264 example video, the changes would look like this:
  
  

  <script type="text/javascript">
  	var s1 = new SWFObject("player.swf","ply","328","200","9","#FFFFFF");
  	s1.addParam("allowfullscreen","true");
  	s1.addParam("allowscriptaccess","always");
  	s1.addParam("flashvars","fullscreen=true&bufferlength=2&streamer=rtmp://[server-ip-address]/simplevideostreaming&file=mp4:Extremists.m4v");
  	s1.write("container");
  </script>
  

• Due to a security restriction in Flash, it is necessary to host the following files at your web server: readme.html, player.swf, swfobject.js and yt.swf (they all need to be in the same folder). To play, open a web browser and enter the url for the readme.html file.
  
  If you want to play the video locally without hosting the file at your a web server, follow these instructions to add the player.swf file to your list of trusted SWF files.
  
  
  
  
  
• Right click on the flash movie below the title single file, with preview image and select Settings... from the popup menu.
• Click the Advance... button and it will pop open a browser window.
• Click the Global Security Settings Panel link.
• A new web page will open with a flash swf file in the top right corner.
• In this flash movie select Add location... from the Edit locations... popup.
• Select Browse for files... and select the player.swf that is in the same folder with the readme.html file and click Open
• To play, close all open web browsers windows and double click readme.html.
  
  [install-dir]
  
  Windows (default): C:\Program Files\Wowza Media Systems\Wowza Media Server Pro [version]
  
  Mac OS X: /Library/WowzaMediaServerPro
  
  Linux: /usr/local/WowzaMediaServerPro
  
  Note: There is currently an issue with JW Player 4.0 and RTP/MPEG-TS player. When using JW Player 4.0 to playback one of these two methods of live streaming the video will not be present. The problem is that JW Player currently requires that the width and height values to be set properly in the onMetaData event. When streaming using RTP/MPEG-TS Wowza Server does not have access to the width and height information for the stream. I am currently working with the developer of JW Player to see if there is a way to work around this issue. In the meantime you can download the source code for JW Player from here: http://code.jeroenwijering.com/trac/browser/tags (filename: mediaplayer-4-0.zip)
  
  Edit the file: com/jeroenwijering/models/RTMPModel.as
  
  Change the onMetaData handler to the code below, change the 320 and 240 values to the frame size of your video and publish the new player:
  
  

  public function onData(dat:Object) {
  	if(dat.type == 'metadata' && !metadata) {
  		metadata = true;
  		if(dat.width) {
  			video.width = dat.width;
  			video.height = dat.height;
  			model.mediaHandler(video);
  		} else {
  			video.width = 320;
  			video.height = 240;
  			model.mediaHandler(video);
  		}
  		if(model.playlist[model.config['item']]['start'] > 0) {
  			seek(model.playlist[model.config['item']]['start']);
  		}
  	} else if(dat.type == 'complete') {
  		fileindex = undefined;
  		clearInterval(timeinterval);
  		model.sendEvent(ModelEvent.STATE,{newstate:ModelStates.COMPLETED});
  	}
  	model.sendEvent(ModelEvent.META,dat);
  };
  

  
  
  Charlie
  
  i tried this and my player is just stale and shows the play arrow and command bar and does not react to any clicks. jwplayer4.0

<embed type="application/x-shockwave-flash" id="player4" name="player4" src="player_4.6.swf" width="320" height="240" allowscriptaccess="always" allowfullscreen="true" flashvars="streamer=IP:1935/simplevideostreaming&file=Extremists.m4v&type=rtmp&autostart=true" />

Note: To play H.264 or MP3 content that is in a folder inside of the [install-dir]/content folder, prepend mp4: and mp3: respectively to the folder name. For example, to play the media file: