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.
373 Commits
16 Branches
163 Tags
57 MiB
Tree: 9169402ccf
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '9169402ccf'
${ noResults }
videojs-http-streaming/example.html

74 lines
2.3 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
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
​
Use the production version of video.js on the example page Using the dev version can lead to accidental dependencies on non-public functionality.
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
​
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
​
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
​
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
toms working example base
12 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
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
​
​
​
​
​
​
​
​
​
​
​
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
​
​
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 vjs SWF reference in example.html
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
initial plugin->tech conversion
11 years ago
​
​
toms working example base
12 years ago
Use bipbop with CORS on the example page Bipbop is great for testing because it displays so much information about the current state of the video. Use a standard "src" attribute to initialize the plugin in the example.
12 years ago
initial plugin->tech conversion
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/video-js.css" rel="stylesheet">
  9. <!-- video.js -->
  10. <script src="node_modules/video.js/dist/video-js/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/flv-tag.js"></script>
  20. <script src="src/exp-golomb.js"></script>
  21. <script src="src/h264-stream.js"></script>
  22. <script src="src/aac-stream.js"></script>
  23. <script src="src/segment-parser.js"></script>
  25. <!-- m3u8 handling -->
  26. <script src="src/stream.js"></script>
  27. <script src="src/m3u8/m3u8-parser.js"></script>
  28. <script src="src/playlist-loader.js"></script>
  30. <!-- example MPEG2-TS segments -->
  31. <!-- bipbop -->
  32. <!-- <script src="test/tsSegment.js"></script> -->
  33. <!-- bunnies -->
  34. <!--<script src="test/tsSegment-bc.js"></script>-->
  36. <style>
  37. body {
  38. font-family: Arial, sans-serif;
  39. }
  40. .info {
  41. background-color: #eee;
  42. border: thin solid #333;
  43. border-radius: 3px;
  44. padding: 0 5px;
  45. }
  46. </style>
  48. </head>
  49. <body>
  50. <div class="info">
  51. <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>
  52. <p>Due to security restrictions in Flash, you will have to load this page over HTTP(S) to see the example in action.</p>
  53. </div>
  54. <video id="video"
  55. class="video-js vjs-default-skin"
  56. height="300"
  57. width="600"
  58. controls>
  59. <source
  60. src="http://solutions.brightcove.com/jwhisenant/hls/apple/bipbop/bipbopall.m3u8"
  61. type="application/x-mpegURL">
  62. </video>
  63. <script>
  64. videojs.options.flash.swf = 'node_modules/video.js/dist/video-js/video-js.swf';
  65. // initialize the player
  66. var player = videojs('video', {
  67. techOrder: ['hls']
  68. });
  70. // initialize the plugin
  71. //player.hls()
  72. </script>
  73. </body>
  74. </html>