Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DASH Stream (webm) not working #362

Open
agmorpheus opened this issue Jun 16, 2021 · 1 comment
Open

DASH Stream (webm) not working #362

agmorpheus opened this issue Jun 16, 2021 · 1 comment

Comments

@agmorpheus
Copy link

Description

Hello, for a help application that is based on the Chromium Embedded Framework (CEF) I want to use videojs. By default the CEF is not playing h.264 encoded video. So I want to use webm encoded videos. Playing single webm files with videojs is no problem but I can not play dashed webm streams.
Please help me to get this dash stream working with videojs. The dash files are created via ffmpeg.

Steps to reproduce

I have created a fiddle without any additional dash scripts: https://jsfiddle.net/agmorpheus/pdegsch3/3/
Videojs is displaying an error: Playback cannot continue. No available working or supported playlists. (Playing HLS streams works perfectly)

I also created a fiddle with dash.js and videojs-dash.js file: https://jsfiddle.net/agmorpheus/pdegsch3/4/
Video is playing for a second and then stops.
A lot of buffer errors are shown in the console

Results

Expected

I expect that videojs plays the dash stream.
When I use the dash.js script without videojs the dash stream works.
What I also expect, if the dash stream is not working or supported by videojs, then if should play a fallback source. The fiddle example has a fallback source and it is not played.

Actual

see Steps to reproduce

Error output

see fiddle examples

Additional Information

versions

videojs

latest

browsers

Chrome

OSes

Win10

plugins

no plugins

@agmorpheus
Copy link
Author

agmorpheus commented Jun 17, 2021

After some more testing I found out, that the webm Dash Stream starts to work, when the source is added via javascript and not the source tag.

Working Example: https://jsfiddle.net/agmorpheus/pdegsch3/6/

Why is this not working,

<video
          id="player_1"
          class="video-js vjs-fluid"
          controls
          preload
          playsinline
          poster="https://dd2p284ir9f52.cloudfront.net/textsample/thumb.jpg"
        >
            <source
            src="https://dd2p284ir9f52.cloudfront.net/textsample/dash/manifest.mpd"
            type="application/dash+xml"
          />
</video>

but this works?

<video
          id="player_1"
          class="video-js vjs-fluid"
          controls
          preload
          playsinline
          poster="https://dd2p284ir9f52.cloudfront.net/textsample/thumb.jpg"
        ></video>
    
<script>
      var player = videojs("player_1");
        player.src([
        {
          src: "https://dd2p284ir9f52.cloudfront.net/textsample/dash/manifest.mpd",
          type: "application/dash+xml",
        }
      ]);
</script>

Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant