http-streaming icon indicating copy to clipboard operation
http-streaming copied to clipboard

Published 20 hours ago • verified publisher icon videojs

Support alternative video tracks [RFC8216 (Section 4.3.4.2.1)]

Open enzanki-ars opened this issue 7 years ago • 2 comments

Description

Sources

I do not have a webhost I could use to the demo files I am currently using. The demo I am using with just 4 camera angles (will be 9 soon) already takes up 1.46 GB.

I might create a very simple test I could host on GitHub Pages if needed.

Copied below is my test files: (Independent testing via VLC and MPV show that the video tracks appear and can be switched to.)

test.html

<head>
  <link href="http://vjs.zencdn.net/6.4.0/video-js.css" rel="stylesheet">

  <!-- IE8 Support -->
  <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>

  <script src="http://vjs.zencdn.net/6.4.0/video.js"></script>
  <script src="https://unpkg.com/videojs-flash/dist/videojs-flash.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
  <script>
    var player = videojs('my-video');
    player.play();
  </script>
</head>

<body>
  <video id="my-video" class="video-js" controls preload="auto" width="1280" height="720" data-setup="{}">
    <source src="multicam.m3u8" type='application/x-mpegURL'>
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
  </video>
</body>

multicam.m3u8

#EXTM3U
#EXT-X-MEDIA:TYPE=VIDEO,GROUP-ID="main",NAME="Auto Cam", DEFAULT=YES,URI="auto-cam/index.m3u8"
#EXT-X-MEDIA:TYPE=VIDEO,GROUP-ID="main",NAME="Director", DEFAULT=NO,URI="director/index.m3u8"

#EXT-X-STREAM-INF:BANDWIDTH=12163000,CODECS="mp4a.40.2,avc1.4d401e",VIDEO="main"
auto-cam/index.m3u8

auto-cam/index.m3u8 (First 10 segments of many).

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:13
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:11.973222,
auto-cam-000.ts
#EXTINF:8.450000,
auto-cam-001.ts
#EXTINF:12.500000,
auto-cam-002.ts
#EXTINF:8.333333,
auto-cam-003.ts
#EXTINF:12.500000,
auto-cam-004.ts
#EXTINF:8.333333,
auto-cam-005.ts
#EXTINF:8.333333,
auto-cam-006.ts
#EXTINF:12.500000,
auto-cam-007.ts
#EXTINF:7.266667,
auto-cam-008.ts
#EXTINF:12.500000,
auto-cam-009.ts
#EXTINF:11.300000,
auto-cam-010.ts

director/index.m3u8 is formated the same as auto-cam/index.m3u8.

Steps to reproduce

Explain in detail the exact steps necessary to reproduce the issue.

  1. Create a m3u8 playlist with alternative video tracks
  2. Play using video.js with video-contrib-hls.js

Results

Expected

I should be able to see and select the video tracks and audio tracks on screen.

Error output

None

Additional Information

  • Spec definition: https://tools.ietf.org/html/rfc8216#section-4.3.4.2.1
  • Spec example: https://tools.ietf.org/html/rfc8216#section-8.7

videojs-contrib-hls version

  • videojs-contrib-hls 5.12.0

videojs version

  • video.js 6.4.0

Browsers

Tested on:

  • Chrome (63.0.3239.84)
  • Firefox (58.0b10)
  • Edge (Latest)
  • iOS Safari (11.2)

Seems to be all browsers.

Platforms

  • Tested on Windows and iOS

Other Plugins

  • videojs-ie8
  • videojs-flash

enzanki-ars avatar Dec 10 '17 07:12 enzanki-ars

There is a PR (#1128) for this. Maybe we could restart the conversation as it seems to have died down.

jmeintjes avatar Feb 27 '18 18:02 jmeintjes

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can. To help make it easier for us to investigate your issue, please follow the contributing guidelines.

welcome[bot] avatar Jan 11 '19 18:01 welcome[bot]