This guide gives an overview of HTTP Video Pseudostreaming with the JW Player. This document only applies to Flash mode in JW Player. For HTML5 mode, pseudostreaming works by default in all browsers and with all servers. It needs no specific provider and options.
Both MP4 and FLV videos can be played back with a mechanism called HTTP Pseudostreaming. This mechanism allows your viewers to seek to not-yet downloaded parts of a video. YouTube is an example site that offers this functionality. HTTP pseudostreaming is enabled by setting the option provider=http in your player.
HTTP pseudostreaming combines the advantages of straight HTTP downloads (it passes any firewall, viewers on bad connections can simply wait for the download) with the ability to seek to non-downloaded parts. The drawbacks of HTTP Pseudostreaming compared to Flash’s official RTMP Streaming are its reduced security (HTTP is easier to sniff than RTMP) and long loading times when seeking in large videos (> 15 minutes).
HTTP Pseudostreaming should not be confused with HTTP Dynamic Streaming. The latter is a brand-new mechanism soley supported by the Flash Plugin 10.1+ that works by chopping up the original video in so-called chunks of a few seconds each. The videoplayer seamlessly glues these chunks together again. The JW Player does not yet support HTTP Dynamic Streaming.
HTTP Pseudostreaming does not work by default on any webserver. A serverside module is needed to enable it. Here are the two most widely used (and open source) modules for this:
- The H264 streaming module for Apache, Lighttpd, IIS and NginX. It supports MP4 videos.
- The FLV streaming module for Lighttpd. It supports FLV videos.
In addition to using a serverside module, pseudostreaming can be enabled by using a serverside script (in e.g. PHP or .NET). We do not advise this, since such a script consumes a lot of resources, has security implications and can only be used with FLV files. A much-used serverside script for pseudostreaming is Xmoov-PHP.
Under the hood, HTTP pseudostreaming works as follows:
When the video is initially loaded, the player reads and stores a list of seekpoints as part of the video’s metadata. These seekpoints are offsets in the video (both in seconds and in bytes) at which a new keyframe starts. At these offsets, a request to the server can be made.
When a user seeks to a not-yet-downloaded part of the video, the player translates this seek to the nearest seekpoint. Next, the player does a request to the server, with the seekpoint offset as a parameter. For FLV videos, the offset is always provided in bytes:
For MP4 videos, the offset is always provided in seconds:
The server will return the video, starting from the offset. Because the first frame in this video is a keyframe, the player is able to correctly load and play it. Should the server have returned the video from an arbitrary offset, the player would not be able to pick up the stream and the display would only show garbage.
Note: Some FLV encoders do not include seekpoints metadata when encoding videos. Without this data, HTTP Pseudostreaming will not work. If you suspect your videos to not have metadata, use our Metaviewer plugin to inspect the video. There should be a seekpoints or keyframes list. If it is not there, use the FLVMDI tool to parse your FLV videos and inject this metadata.
When the player requests a video with an offset, it uses start as the default offset parameter:
This name is most widely used by serverside modules and CDNs. However, sometimes a CDN uses a different name for this parameter. In that case, use the option http.startparam to set a custom offset parameter name. Here are some examples of CDNs that use a different name:
- The H264 streaming module uses http.startparam=starttime for MP4 videos.
- Bitgravity uses http.startparam=apstart for FLV videos and http.startparam=starttime for MP4 videos.
- Edgecast uses http.startparam=ec_seek for .
- Limelight uses http.startparam=fs for FLV videos.
Here’s what an example SWFObject embed code looks like when both HTTP Pseudostreaming and a custom start parameter is enabled:
HTTP Pseudostreaming can also be enabled in playlists, by leveraging the JWPlayer namespace. Both the provider andhttp.startparam options can be set for every entry in a playlist. In this case, you don’t have to set them in the embed code (just point the file to your playlist).
Here’s an example, an RSS feed with a single video:
<rss version="2.0" xmlns:jwplayer="http://developer.longtailvideo.com/"> <channel> <title>Playlist with HTTP Pseudostreaming</title> <item> <title>Big Buck Bunny</title> <description>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</description> <enclosure url="http://myserver.com/botr/bbb.mp4" type="video/mp4" length="3192846" /> <jwplayer:provider>http</jwplayer:provider> <jwplayer:http.startparam>apstart</jwplayer:http.startparam> </item> </channel> </rss>
Instead of the enclosure element, you can also use the media:content or jwplayer:file element. More info in Create a Playlist with the JW Player.
Note: Do not forget the xmlns at the top of the feed. It is needed by the player (and any other feed reader you might use) to understand the jwplayer: elements.
Like RTMP Streaming, HTTP Pseudostreaming includes the ability to dynamically adjust the video quality for each individual viewer. We call this mechanism bitrate switching.
To use bitrate swiching, you need multiple copies of your MP4 or FLV video, each with a different quality (dimensions and bitrate). These multiple videos are loaded into the player using an mRSS playlist (see example below). The player recognizes the variouslevels of your video and automatically selects the highest quality one that:
- Fits the bandwidth of the server » client connection.
- Fits the width of the player’s display (or, to be precise, is not more than 20% larger).
- Does not result in more than 25% of frames dropped at any time (for example, if your video is 30fps, a level that results in 8fps dropped will get blacklisted).
As a viewer continues to watch the video, the player re-examines its decision (and might switch) in response to certain events:
- On startup, immediately after it has calculated the bandwidth for the first time.
- On a fullscreen switch, since the width of the display then drastically changes. For example, when a viewer goes fullscreen and has sufficient bandwidth, the player might serve an HD version of the video.
- On every seek in the video. Since the player has to rebuffer-the stream anyway, it takes the opportunity to also check if bandwidth conditions have not changed.
- In the event where framedrops account for more than 25% of the frames of the video. The player continously monitors this metric (ruling out any one-time spikes). When 25% of frames are dropped, the current level is permanently blacklisted – i.e. it will not be used for the remainder of the playback session.
Note: the player will not do a bandwidth switch if extreme bandwidth changes cause the video to re-buffer. In practice, we found such a heuristic to cause continous switching and an awful viewing experience. RTMP Streaming on the other hand, is able to switch seamlessly in response to bandwidth fluctuations.
Here is an example bitrate switching playlist (only one item). Note that it is similar to a regular HTTP Pseudostreaming playlist, with the exception of the multiple video elements per item. The mRSS extension is the only way to provide these multiple elements including bitrate and width attributes:
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/" xmlns:jwplayer="http://developer.longtailvideo.com/"> <channel> <title>Playlist with HTTP Bitrate Switching</title> <item> <title>Big Buck Bunny</title> <description>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</description> <media:group> <media:content bitrate="1800" url="http://myserver.com/bbb-486.mp4" width="1280" /> <media:content bitrate="1100" url="http://myserver.com/bbb-485.mp4" width="720"/> <media:content bitrate="700" url="http://myserver.com/bbb-484.mp4" width="480" /> <media:content bitrate="400" url="http://myserver.com/bbb-483.mp4" width="320" /> </media:group> <jwplayer:provider>http</jwplayer:provider> <jwplayer:http.startparam>starttime</jwplayer:http.startparam> </item> </channel> </rss>
- The bitrate attributes must be in kbps, as defined by the mRSS spec. The width attribute is in pixels.
- It is recommended to order the streams by quality, the best one at the beginning. Most RSS readers will pick this one.
- The four levels displayed in this feed are actually what we recommend for bitrate switching of widescreen MP4 videos. For 4:3 videos or FLV videos, you might want to increase the bitrates or decrease the dimensions a little.
- Some publishers only modify the bitrate when encoding multiple levels. The player can work with this, but modifying both the bitrate + dimensions allows for more variation between the levels (and re-use of videos, e.g. the smallest one for streaming to phones).
- The media:group element here is optional, but it organizes the video links a little.
The JW Player supports Live HTTP DVR streaming as offered by the Bitgravity CDN. This works as follows:
- The player loads a stream, simply as HTTP download. The server returns a header saying the stream is 1GB+ long, so the Flash plugin will continue downloading the file.
- On the server side, bytes are appended to the file as they come in from the live ingestion point.
- The player will start with a duration of 0 seconds for the stream, and then simply use a timer to increase the duration of the stream.
- Since HTTP video downloads are kept in memory, it is possible to seek back to the point where you began watching the live stream. All that time, the duration will continue to grow, so you’ll also be able to instantly jump back to the live head again.
The HTTP live DVR streaming mechanism is enabled by setting the player option http.dvr to true. Here is an example embed code, using the SWFObject embed method:
|리눅스 Kill 명령어 정리 (0)||2012.08.09|
|PHP : Unable to load dynamic library (0)||2012.07.22|
|인트라넷 또는 클러스터 구성시 우분투 apt-get 사용방법 (0)||2012.06.22|
|HTTP Pseudo-Streaming (0)||2012.04.08|
|lighttpd (server.c.688) opening pid-file failed: /var/run/lighttpd.pid Permission denied (2)||2012.03.15|
|lighttpd 1.4.30 실행이 안될때 (0)||2012.03.15|
|Connection closed by server with exitcode 127 (0)||2012.02.11|
- OpenDaylight [ERROR] Failed..
- Bridged, NAT, Host Only, LAN..
- KT,SKT,UPLUS 메이저 통신사 v..
- SCI / SCIE 등재 여부 확인
- 도쿄 하늘 보기 - 롯본기 힐스..
- 애드블록을 꺼주세요[막는 방법]
- 도쿄 하늘 보기 - 도쿄타워,..
- 아키하바라 메이드카페 방문후..
- Pyenv offline (오프라인, 폐..
- [리뷰]터보백신(Turbo Vaccine..
- 넷플릭스 미드 나르코스(Narcos)
- 카카오 인공지능 스피커 '카카..
- 네이버 인공지능 스피커 웨이..
- 넷플릭스 미드 타임리스
- Cassandra 와 Spark
- NodeManager 추가 및 삭제
- HDFS 노드 추가 및 삭제
- 아파치 재플린 코드 자동완성(..
- saveAsTable is not a member..
- Spark 에서 Parquet 저장할때..
- 진짜 댓글 안써지네요 ... 왜..
- 안녕하세요~ 댓글을 써서..
- 좋은 정보 대단히 감사합니다.
- 도움이되셨다니 다행입니다 !
- 도움이되셨다니 다행입니다 !
- 감사합니다 웹은 되는데 모바..
- HUE 공식홈에 가면 Docker를..
- 이미 존재하는 메일이라고 뜨..
- 이미 존재하는 메일이라네요..
- 이미 존재하는 메일이라네요
- 이메일을 비밀글로 남겨주세요..
- 아웃룩 2010 사용중입니다...
- 도움이 되셨다니 다행입니다..
- ++ 추가 지금 생각해보면 Hue..
- 감사해요. 얼마전 홀딱 자료..
- 글 쓸 땐 참 편리한 것 같은데..
- 새해 복 많이 받으세요 :)..
- 오늘은 드디어 아는 뭔가가 나..