Mirror
/
videojs-http-streaming
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
828 Commits
16 Branches
163 Tags
57 MiB
Tree: 7094ab9636
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '7094ab9636'
${ noResults }
videojs-http-streaming/example.html

80 lines
2.6 KiB
Raw Normal View History

Fix loadWord in ExpGolomb and code cleanup loadWord wasn't incrementing the position in the byte stream so fix it so that the accounting is taken care of. Replace a bunch of single-letter variable names with more descriptive terms. Add some comments. Add tests for exponential golomb parsing.
12 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
​
Fix whitespace All files should use 2-space indenting.
12 years ago
​
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
Upgrade to video.js 5 and convert to a source handler Bump up to a vjs 5 release candidate. Make the necessary changes to work with the updated APIs. Convert the project from a subclass of the Flash tech to a source handler.
10 years ago
Use the unminified version of video.js The minified 4.x build mangles "preload" passed in as options, which prevents it being overridden in data-setup or through the video element attribute. Switch to the dev version so that preload settings can be adjusted.
10 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
Upgrade to video.js 5 and convert to a source handler Bump up to a vjs 5 release candidate. Make the necessary changes to work with the updated APIs. Convert the project from a subclass of the Flash tech to a source handler.
10 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
​
Update to vjs-MSE 0.2.0 Remove async tag queueing from HLS since that is now happening in the media sources plugin itself. Update the location of MSE source files. Bump the dependency in package.json. Two tests are still failing with this commit but will be fixed shortly.
11 years ago
Pull in the manifest and segment parsing to the example page The example page is very ugly but attempts to play two segments of bip-bop. The first segment plays fine but the player seems to jump to the end of the second segment after the first one finishes. Add bip bop test fixtures.
12 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
Standardize plugin naming and re-organize some tests Move segment parsing tests into their own file and top-level plugin tests intovideojs-hls_test.js. Use 'videojs' instead of 'video-js'.
12 years ago
Pull in the manifest and segment parsing to the example page The example page is very ugly but attempts to play two segments of bip-bop. The first segment plays fine but the player seems to jump to the end of the second segment after the first one finishes. Add bip bop test fixtures.
12 years ago
​
Reorganized videojs-hls.js to make it a bit more readable and set it up for further simplification
11 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
Parse frame payloads for WXXX and TXXX tags Decode the fields of simple ID3 tags. Adjust the starting PTS value for the metadata stream so that it aligns with video and audio streams.
11 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
@gkatsev ensure segments without an initial IDR are not displayed in 4:3 initially. Closes #272. Squashed commit of the following: commit de597c3ee10075cece7036aeaacedb74f33d9ef5 Author: David LaPalomento <dlapalomento@gmail.com> Date: Fri May 22 14:02:27 2015 -0400 Remove vim swap file Ignore them in version control in the future. commit fb189ba16330311371bb6b9cf1bb6248005e10b7 Author: Gary Katsevman <git@gkatsev.com> Date: Wed May 20 18:30:07 2015 -0400 Default 'nextFrameKeyFrame' to false. commit 3788ad0607fabb2cde1a1d5eea4163ceafb5fab5 Author: Gary Katsevman <git@gkatsev.com> Date: Wed May 20 18:24:16 2015 -0400 setNextFrameKeyFrame commit 6944234afd99285a448a9cf3adbcaf1eb26cfe33 Author: Gary Katsevman <git@gkatsev.com> Date: Wed May 20 18:06:26 2015 -0400 Another camelcase usage commit da6e32a4d9024d859ca58bc1d4bc3fcbe1de7a33 Author: Gary Katsevman <git@gkatsev.com> Date: Wed May 20 18:05:30 2015 -0400 Dont parse unused fields. Use camel case names commit fb7990b6606501a549d7448de6eec38784695896 Author: Gary Katsevman <git@gkatsev.com> Date: Wed May 20 16:28:28 2015 -0400 ifs should have curly braces commit 92e40c642270e4ce4652a874073a66876312072f Author: Gary Katsevman <git@gkatsev.com> Date: Wed May 20 15:58:18 2015 -0400 Adaptation Field vars. Use Random Access Indicator The Random Access Indicator tells us whether something is a keyframe. Set the stream's frame's keyFrame property to true if the Random Access Indicator is set. commit 047a6d7771cd2d9c324b6da9bd76d4b6aeeadaf0 Author: Gary Katsevman <git@gkatsev.com> Date: Mon May 18 16:56:23 2015 -0400 Set up the test with exact conditions commit e2f8b18656d4cdb830cd23013fe7e5fcfa599ca4 Author: Gary Katsevman <git@gkatsev.com> Date: Mon May 18 16:56:01 2015 -0400 Restore stubbed out methods commit ff5f3b5fdb9dbe5e34447f8a4680c294163e0c46 Author: Gary Katsevman <git@gkatsev.com> Date: Mon May 18 16:50:22 2015 -0400 prototypeify h264-stream commit 7ee359d582550474a33730547742ce3d656dad52 Author: Gary Katsevman <git@gkatsev.com> Date: Mon May 18 16:28:08 2015 -0400 Initial test for metadata commit 0e3a961c7594d67280958cf21330fb347e1dda0a Author: Gary Katsevman <git@gkatsev.com> Date: Mon May 18 16:21:55 2015 -0400 Fix test properly commit 7e0de308227a4373c6abd71769ed474e59c7edeb Author: Gary Katsevman <git@gkatsev.com> Date: Mon May 18 16:14:57 2015 -0400 Move h264-extradata into separate file commit 66a676c234e6e087694611d710cad6414cbc984c Author: Gary Katsevman <git@gkatsev.com> Date: Mon May 18 15:52:08 2015 -0400 prototypeify H264ExtraData
10 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
​
Parse frame payloads for WXXX and TXXX tags Decode the fields of simple ID3 tags. Adjust the starting PTS value for the metadata stream so that it aligns with video and audio streams.
11 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
Pull in the manifest and segment parsing to the example page The example page is very ugly but attempts to play two segments of bip-bop. The first segment plays fine but the player seems to jump to the end of the second segment after the first one finishes. Add bip bop test fixtures.
12 years ago
​
toms working example base
12 years ago
Implement seekable Override the Flash tech's seekable method to take into account live playlists.
10 years ago
Add playlist loader to dist and example Get the example page working by including the playlist-loader.js and update the concatenated js produced by grunt.
11 years ago
Encrypted HLS working on the example page Used an adaptive, encrypted m3u8 on the example page and included hex dump utilities. Fixed formatting issues with the hex dump utility. Passed a 16-byte IV to the decrypter in drainBuffer(). Swapped byte order for the keys so they are not misintrepreted as little-endian. Added fields to the muxer test page to mux encrypted segments. Updated tests. Fixed docs on using openssl to test encryption and decryption.
11 years ago
​
​
​
​
Implement seekable Override the Flash tech's seekable method to take into account live playlists.
10 years ago
HLS -> FLV translation working. Fairly extensive FLV validation testing. Fix up a couple remaining issues with the HLS->FLV translation. At this point, we've validated that the generated file can be played back in VLC if you download it to your computer. Added another ts segment for testing purposes. Added unit testing that traverses the generated FLV and validates the tags are constructed correctly and seem consistent.
12 years ago
​
​
​
initial plugin->tech conversion
11 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
Add some explanation text to the example page. Fixes #15. Describe the HLS plugin. Note the restrictions with Flash and using the example page over the file protocol.
12 years ago
​
​
Clean up example page Make the margins a bit more consistent.
11 years ago
Add some explanation text to the example page. Fixes #15. Describe the HLS plugin. Note the restrictions with Flash and using the example page over the file protocol.
12 years ago
​
​
​
​
​
Clean up example page Make the margins a bit more consistent.
11 years ago
Add some explanation text to the example page. Fixes #15. Describe the HLS plugin. Note the restrictions with Flash and using the example page over the file protocol.
12 years ago
​
​
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
​
Add some explanation text to the example page. Fixes #15. Describe the HLS plugin. Note the restrictions with Flash and using the example page over the file protocol.
12 years ago
​
​
​
Use npm for dependencies Pull in vjs-media-sources and vjs itself with npm. Add the apache 2 license.
12 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
​
​
​
Try a whole bunch of places to figure out if the HLS plugin should activate Instead of only supporting the src attribute, check options.sources for HLS on init. This means re-implementing something that looks a lot like video.js's source selection algorithm. That's another reason to consider converting this plugin into a tech but I'm deferring that for now.
12 years ago
Restore bipbop to the example page Bip bop is better for testing purposes than the encrypted trailer video.
11 years ago
Try a whole bunch of places to figure out if the HLS plugin should activate Instead of only supporting the src attribute, check options.sources for HLS on init. This means re-implementing something that looks a lot like video.js's source selection algorithm. That's another reason to consider converting this plugin into a tech but I'm deferring that for now.
12 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
​
Upgrade to video.js 5 and convert to a source handler Bump up to a vjs 5 release candidate. Make the necessary changes to work with the updated APIs. Convert the project from a subclass of the Flash tech to a source handler.
10 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
update exmaple page with new implementation
11 years ago
Download the default first segment and append it to the media source Move more of the manifest management and segment loading into a more customary location for a plugin implementation. Get a single segment downloading and playing. Add test cases for the plugin initialization and first segment download. Use a linked version of media sources to pick up an event listening implementation on SourceBuffer that doesn't require an unminified version of video.js.
12 years ago
Segment parser finishes with the example TS segment The parser can process the example TS but it doesn't appear to be correctly formed. The player does seem to correctly interpret the video duration, but the display area is black and there is no audio.
12 years ago
​
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>video.js HLS Plugin Example</title>
  7. <link href="node_modules/video.js/dist/video-js.css" rel="stylesheet">
  9. <!-- video.js -->
  10. <script src="node_modules/video.js/dist/video.js"></script>
  12. <!-- Media Sources plugin -->
  13. <script src="node_modules/videojs-contrib-media-sources/src/videojs-media-sources.js"></script>
  15. <!-- HLS plugin -->
  16. <script src="src/videojs-hls.js"></script>
  18. <!-- segment handling -->
  19. <script src="src/xhr.js"></script>
  20. <script src="src/flv-tag.js"></script>
  21. <script src="src/stream.js"></script>
  22. <script src="src/exp-golomb.js"></script>
  23. <script src="src/h264-extradata.js"></script>
  24. <script src="src/h264-stream.js"></script>
  25. <script src="src/aac-stream.js"></script>
  26. <script src="src/metadata-stream.js"></script>
  27. <script src="src/segment-parser.js"></script>
  29. <!-- m3u8 handling -->
  30. <script src="src/m3u8/m3u8-parser.js"></script>
  31. <script src="src/playlist.js"></script>
  32. <script src="src/playlist-loader.js"></script>
  34. <script src="node_modules/pkcs7/dist/pkcs7.unpad.js"></script>
  35. <script src="src/decrypter.js"></script>
  37. <script src="src/bin-utils.js"></script>
  39. <!-- example MPEG2-TS segments -->
  40. <!-- bipbop -->
  41. <!-- <script src="test/tsSegment.js"></script> -->
  42. <!-- bunnies -->
  43. <!--<script src="test/tsSegment-bc.js"></script>-->
  45. <style>
  46. body {
  47. font-family: Arial, sans-serif;
  48. margin: 20px;
  49. }
  50. .info {
  51. background-color: #eee;
  52. border: thin solid #333;
  53. border-radius: 3px;
  54. padding: 0 5px;
  55. margin: 20px 0;
  56. }
  57. </style>
  59. </head>
  60. <body>
  61. <div class="info">
  62. <p>The video below is an <a href="https://developer.apple.com/library/ios/documentation/networkinginternet/conceptual/streamingmediaguide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40008332-CH1-SW1">HTTP Live Stream</a>. On desktop browsers other than Safari, the HLS plugin will polyfill support for the format on top of the video.js Flash tech.</p>
  63. <p>Due to security restrictions in Flash, you will have to load this page over HTTP(S) to see the example in action.</p>
  64. </div>
  65. <video id="video"
  66. class="video-js vjs-default-skin"
  67. height="300"
  68. width="600"
  69. controls>
  70. <source
  71. src="http://solutions.brightcove.com/jwhisenant/hls/apple/bipbop/bipbopall.m3u8"
  72. type="application/x-mpegURL">
  73. </video>
  74. <script>
  75. videojs.getGlobalOptions().flash.swf = 'node_modules/videojs-swf/dist/video-js.swf';
  76. // initialize the player
  77. var player = videojs('video');
  78. </script>
  79. </body>
  80. </html>