EzDevInfo.com

Why Do I need Dash.js for streaming MPEG DASH videos?

I'm new with html 5 adaptive streaming and information out there is quite conflicting. I want to create an test environment on my windows server cloud streaming a 2hours h264 file and play on my local computer with an html5 player.

Question: Why Do I need Dash.js to play the Mpeg dash video? Is Dash.js something I have to install in the server(sounds obvious) or client(sounds weird)?

Is there any detailed tutorial or case study for building an online video delivery service using MPEG-DASH with HLS fallback?

Is there any detailed tutorial or case study for building an online video delivery service using MPEG-DASH with HLS fallback? I find small pieces here and there but I can't put them together :(

Run MPEG Dash bitrate adaptive streaming on WPF

I've develop an html5 video player with dash.js that plays streaming mpeg dash content. It works great.

Now I have a requirement to run the same on WPF. using an webbrowser to run my already developed html5 sounds very dirty but I can't figure what I can use to make streaming work.

any tips?

Sometimes getting MEDIA_ERR_SRC_NOT_SUPPORTED in dash.js player

I have used ffmpeg and MP4Box to create my dash content. MP4Client plays them fine.

I am trying to play them using the dash.js reference player.

I am serving the content of dash.js repo from the root folder on localhost and accessing the reference player at /samples/dash-if-reference-player/index.html

But after few seconds of playing I am getting the error Video Element Error: MEDIA_ERR_SRC_NOT_SUPPORTED

But this is only in like 50% of the times. Other times it plays ok.

Most people suggest the mime type should be video/mp4 but this is already the case for me. According to the developer tools of chrome.

I'll be thankful for some help.

Last few lines of console:

loaded video:Media Segment:1.9166666666666667 (200, 821ms, 1911ms)
Debug.js:115 [video] Buffered Range: 0 - 216.583332 Debug.js:115
loaded video:Media Segment:3.9166666666666665 (200, 2504ms, 823ms)
Debug.js:115 [audio] Getting the request for time: 216.642175
Debug.js:115 [audio] Index for time 216.642175 is 110 Debug.js:115
[audio] SegmentBase: 214.55238095238096 / 216.59 Debug.js:115 [audio]
SegmentBase: 216.50285714285715 / 216.59 Debug.js:115 [audio] Getting
the request for time: 216.6421768707483 Debug.js:115 [audio] Index
for time 216.6421768707483 is 110 Debug.js:115 [audio] SegmentBase:
214.55238095238096 / 216.59 Debug.js:115 [audio] SegmentBase: 216.50285714285715 / 216.59 Debug.js:115 [audio] Signal complete. Debug.js:115 loaded audio:Media Segment:54.61333333333334 (206, 0ms,
416ms) Debug.js:115 loaded audio:Media Segment:214.55238095238096
(206, 0ms, 65ms) Debug.js:115 [audio] Stream is complete
Debug.js:115 [audio] Buffered Range: 0 - 216.642175 Debug.js:115
Video Element Error: MEDIA_ERR_DECODE Debug.js:115 undefined
Debug.js:115 [video] stop Debug.js:115 [audio] stop Debug.js:115
Video Element Error: MEDIA_ERR_SRC_NOT_SUPPORTED Debug.js:115
undefined

Unable to create MediaKeys - NotSupportedError

I have strange error on Internet Explorer 11 (Windows 8.1) when i'm trying to open encrypted mpeg-dash video. It looks like my browser doesn't support PlayReady, but same video works on different machines with identical browser/system configuration.

Dash.js player is not showing anything, it looks like infinity video buffering. I checked http://testdrive-eme.azurewebsites.net/ protected video which shows some more information:

SCRIPT5022: Unable to create MediaKeys("com.microsoft.playready"). Verify the components are installed and functional. Original error: NotSupportedError

After all i came to this specific function call:

new MSMediaKeys("com.microsoft.playready");
// throws NotSupportedError

Thanks for any help :)

webm dash encoding... What are the correct ffmpeg parameters?

I'm stumped with encoding videos into a dash compliant format. I'm going from .mp4 to .webm

Firstly, I am running OS X and ffmpeg 2.5.4.

Here's the encoding commands I am using in my test (I got these from here):

ffmpeg -i IMG_0113.mp4 -c:v libvpx-vp9 -s 160x90 -b:v 25k -g 1 -tile-columns 4 -frame-parallel 1 -an -f webm -dash 1 video_160x90_25k.webm

ffmpeg -i IMG_0113.mp4 -c:v libvpx-vp9 -s 160x90 -b:v 50k -g 1 -tile-columns 4 -frame-parallel 1 -an -f webm -dash 1 video_160x90_50k.webm

ffmpeg -i IMG_0113.mp4 -vn -acodec libvorbis -ab 128k  -dash 1 audio_128k.webm

ffmpeg -f webm_dash_manifest -i video_160x90_25k.webm -f webm_dash_manifest -i video_160x90_50k.webm -f webm_dash_manifest -i audio_128k.webm -c copy -map 0 -map 1 -map 2 -f webm_dash_manifest -adaptation_sets "id=0,streams=0,1 id=1,streams=2" manifest.mpd

Secondly, the problem is not with my server, as I have downloaded the samples from here, and they work 100% on the dash.js player when served from my local server.

Please could someone out there point me in the right direction? Or provide a sample of the ffmpeg commands used to get the output format correct.

Thanks, Dean.

VideoJS : DashJS and HLS Don't Work Together

dash.js causes the VideoJS flash-based HLS tech to fail. Both of them work well independently and commenting out the dash.js reference makes HLS work. No error message is shown in the console but the video fails to play. I'm using Chrome 43.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sample Video Player</title>
    </style>

    <link rel='nofollow' href="/stable/dist/video-js.css" rel="stylesheet">
    <script src="/stable/dist/video.js"></script>

    <script src="/stable/dist/videojs-media-sources.js"></script>
    <script src="/stable/dist/videojs.hls.js"></script>

    <script src="/stable/dist/dash.js"></script>
    <script src="/stable/dist/videojs-tech-dashjs.js"></script>
</head>

<body align="center">
    <div align="center" style="margin-top:20px;">
        <video id="vid1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" data-setup='{"techOrder": ["hls", "dashjs", "html5"], "nativeControlsForTouch": false}'>
                <source src="http://www.bok.net/dash/tears_of_steel/cleartext/stream.mpd" type='application/dash+xml'>
                <source src="http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8" type='application/x-mpegURL'>
                <source src="http://techslides.com/demos/sample-videos/small.mp4" type='video/mp4'>
                <p class="vjs-no-js">
                To view this video please enable JavaScript, and consider upgrading to a web browser that <a rel='nofollow' href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                </p>
        </video>
        <script>
            // Initalize the video.js player
            var myPlayer = videojs('vid1');
        </script>
    </div>
</body>
</html>