VideoJS 7.15.4 - intermittent 403s when using RequestModifier for MpegDash

[andygr]

Environment

• [] The MPD passes the DASH-IF Conformance Tool on https://conformance.dashif.org/
• [X] The stream has correct Access-Control-Allow-Origin headers (CORS)
• [X] There are no network errors such as 404s in the browser console when trying to play the stream
• [X] The issue observed is not mentioned on https://github.com/Dash-Industry-Forum/dash.js/wiki/FAQ
• [X] The issue occurs in the latest reference client on http://reference.dashif.org/dash.js/ and not just on my page
• Link to playable MPD file: https://hive-player.s3.eu-west-1.amazonaws.com/test.html
• Dash.js version:
• Browser name/version: Safari Version 14.1.2 (14611.3.10.1.7) & Chrome Version 94.0.4606.71 (Official Build) (x86_64)
• OS name/version: MacOS Mojave 10.14.6

Steps to reproduce

1. Open the player with Chrome and Safari and click play
2. Sometimes the response is 200 but sometimes is 403. The init.mp4 doesn't have the appropriate query parameters. However with Firefox v93.0 is working as expected

Observed behavior

I have a cloudfront distribution with pre-signed URLs and I am trying to use VideoJS to be able to attach the policy in each request, instead of using signed cookies. For this task I am using custom pre-signed URLs. I have seen in one of the existing issues a suggestion to use videojs.Html5DashJS.hook('beforeinitialize', (player, mediaPlayer) which I tested with 3 different browsers.

I had some intermittent issues with Safari and Chrome but Firefox (v93) seems to be more stable. I pasted the player code in the bottom of the ticket.

Console output

Paste the contents of the browser console here.
You may need to enable debug logging in dash.js by calling player.updateSettings({ 'debug': { 'logLevel': dashjs.Debug.LOG_LEVEL_DEBUG }}) if you are using your own page.

I attached 2 links where you can see the requests with 200 (when is working) and with 403 by using Chrome

https://cosmonetpublic.s3.eu-west-2.amazonaws.com/play.png https://cosmonetpublic.s3.eu-west-2.amazonaws.com/error.png

Expected behavior

I am expecting to see the Mpeg Dash URL with the Cloudfront policy in each request (for mpd, init and video/audio files)

[dsilhavy]

We are not maintaining the video.js library, an example on how to use the requestModifier with plain dash.js can be found here: https://reference.dashif.org/dash.js/nightly/samples/advanced/extend.html Please check if you can reproduce the problem using only dash.js.

[andygr]

@dsilhavy , thank you for the recommendation. I modified the player, based on the example, and seems to be more stable. I tried all available browsers with Mac and I haven't seen any issue. I will also include Windows PCs.

Generally having the MPD URL and query parameters in different places, seems to be more tidy and flexible.

Regards Andrew

[andygr]

@dsilhavy , can I stream HLS with the same library?

[dsilhavy]

dash.js does not support HLS. video.js supports HLS afaik

[andygr]

do you know if I can use requestModifier with HLS?