Differences

This shows you the differences between two versions of the page.

--- litespeed_wiki:config:mp4-streaming [2015/08/11 18:54]
Michael Alegre
+++ litespeed_wiki:config:mp4-streaming [2015/08/12 18:21] (current)
Michael Alegre [1) LiteSpeed Settings]
@@ Line 1: / Line 1: @@
 ====== MP4/H264/F4V Video Streaming ======
-Since 4.1RC2, LSWS support streaming of MP4/H264/F4V video files with random seek.
+As of 4.1RC2, LSWS supports the streaming of MP4/H264/F4V video files with random seek.
 ===== 1) LiteSpeed Settings =====
-To enable the feature, make sure file with suffix ".mp4" or ".f4v" has a MIME type of "video/mp4".
+To enable this feature, make sure that files with suffixes ".mp4" or ".f4v" have a MIME type of "video/mp4".
-the MIME settings file is /path/to/lsws/conf/mime.properties, or you can view/edit it in web admin console:
+The MIME settings file is located under /path_to_lsws/conf/mime.properties, or you can view/edit the file from the WebAdmin Console:
-  Server-->General-->MIME Settings
+Navigate to Server > General > MIME Settings.
-  Suffix: f4v,mp4
-  Mime Type: video/mp4
+If you cannot find an entry for the mp4 or f4v suffixes, you can add them by clicking the "Add" button at the top right of the page and entering the following information:
+**Suffix:** f4v,mp4\\
+**Mime Type:** video/mp4
-===== 2) test it at your own website =====
+===== 2) Test It On Your Own Website =====
-flowplayer is a nice flash player. Let's use it to demo the MP4 streaming and random seek.
+There are two very simple methods of testing this out:
-Here's one of flowplayer's demo pages:
+**Method 1: Viewing Your MP4 Directly**
-http://flowplayer.org/demos/plugins/streaming/index.htm
+  * Place your video file (video.mp4 in this example) under lsws > your_site_directory > html.
+  * In your browser's address bar, enter "your_site_address/video.mp4" (IP address/localhost should work here as well).
-download all the files in above demo page to one folder under your website's document root.
+If everything is working correctly, your video should be displayed and able to play.
-Here's the file list:
+**Method 2: Embedding Your MP4 In A Page**
-  flowplayer.org/demos/plugins/streaming/index.htm
-  flowplayer.org/js/flowplayer-3.1.4.min.js
-  flowplayer.org/demos/standalone.css
-  flowplayer.org/swf/flowplayer-3.1.5.swf
-  flowplayer.org/swf/flowplayer.pseudostreaming-3.1.3.swf
-  flowplayer.controls-3.1.5.swf
-  flowplayer.org/video/flowplayer-700.flv
-Now there's one file left:
+  * Place your video file (video.mp4 in this example) under lsws > your_site_directory > html.
+  * Open the HTML file of the page where you would like to insert the video.
+  * Find the line in the HTML where you would like to place the video and insert the following code:
-flowplayer.org/video/Extremists.flv
+  <video width="320" height="240" controls>
+    <source src="video.mp4" type="video/mp4">
-This is the video file to play, you can select not download it. instead, using your .mp4/.f4v file, and modify the index.htm accordingly.
+  </video>
-UPDATE: just tried [[http://www.jwplayer.com/|JW Player]] 5.2, it's much simpler and more straightforward for mp4 streaming:
+The video should now appear on the associated web page of your site. For more Information on embedding MP4 videos using HTML as well as some more options available with this method, visit [[http://www.w3schools.com/html/html5_video.asp|w3schools.com]].
-  <embed
-        flashvars="file=yourvideo.mp4&provider=http&http.startparam=start"
-        id="player2" name="player2"
-        width="320" height="240"
-        src="player.swf"
-        allowfullscreen="true"
-        allowscriptaccess="always"
-        wmode="transparent"
-  />