MPD Support

[ale1967]

Sorry to bother with an open issue, but I haven't found any information and don't know how to ask.

Is mld supported, every time I try to open an mpd file I have an error on wavesufer.js exactly here

function fetchFile(options) {
  if (!options) {
    throw new Error('fetch options missing');
  } else if (!options.url) {
    throw new Error('fetch url missing');

because the url is empty, while with an mp4 is correct and works smoothly.

Thanks

I'm using

video.js version 7.7.5
dash.all.min.js version 3.2.1
videojs-dash.min.js version 4.1.0
wavesurfer.js version 4.6.0
videojs.wavesurfer.js version 3.6.0
the exact error is

at Object.fetchFile (wavesurfer.js:2656)
at WaveSurfer.getArrayBuffer (wavesurfer.js:5035)
at WaveSurfer.loadMediaElement (wavesurfer.js:4979)
at WaveSurfer.load (wavesurfer.js:4887)
at Wavesurfer.load (videojs.wavesurfer.js:641)
at Object.setSource (videojs.wavesurfer.js:158)
at setSourceHelper (video.js:12112)
at video.js:12123
at Object.setSource (video.js:54792)
at setSourceHelper (video.js:12112)

the video.js tag in the html is

video crossOrigin="anonymous"
id="videoPlayer"
ng-if="AssetDetailMessage.length > 0"
class="video-js vjs-default-skin vjs-16-9 vjs-fill vjs-big-play-centered"
controls preload="metadata"
width="1000"
height="562"
vjs-setup="{
fluid: true,
responsive: true,
autoplay: false,
playbackRates: [1, 2, 4, 8],
plugins: {
wavesurfer: {
backend: 'MediaElement',
displayMilliseconds: false,
debug: true,
waveColor: 'rgba(255, 255, 255, .3)',
progressColor: '#065fd4',
cursorColor: '#065fd4',
hideScrollbar: true,
container: '#waveform',
normalize: true
}
}
}"
vjs-media="mediaToggle"
vjs-video
tabindex="-1">
</video

so this is the config of wavesurfer, correct ?

wavesurfer: {
backend: 'MediaElement',
displayMilliseconds: false,
debug: true,
waveColor: 'rgba(255, 255, 255, .3)',
progressColor: '#065fd4',
cursorColor: '#065fd4',
hideScrollbar: true,
container: '#waveform',
normalize: true
}

[thijstriemstra]

@ale1967 what does your videojs-wavesurfer config look like? what version of videojs-wavesurfer and wavesurfer.js? and what is the exact error?

[ale1967]

Sorry, I'm not very familiar with GitHub. Added info on first comment

[thijstriemstra]

where do you load the file? i dont see any player.src() call?

[ale1967]

i have angularjs and in the controller I have a function that set the src, an extract

if ($scope.selectProxy.endsWith("mp4")) {
    playerIstance.src([
        {
            type: "video/mp4",
            src: $scope.selectProxy
        }
    ]);
} else if ($scope.selectProxy.endsWith("m3u8")) {
    playerIstance.src([
        {
            type: "application/x-mpegURL",
            src: $scope.selectProxy
        }
    ]);
} else if ($scope.selectProxy.endsWith('mpd')) {
    playerIstance.src([
        {
            type: "application/dash+xml",
            src: $scope.selectProxy
        }
    ]);
}

if the source is an .mp4 the player loads correctly and also the waveform is shown without problem.
If it's a .mpd file, the player loads without problems, it is possible to switch between audio track (I have an mpd with two audio tracks) and I can listen the audio that change.
But I see the error in the chrome console (reported previously) and I don't see the waveform.

If I put a breakpoint to the function of waveform.js

function fetchFile(options) {
  if (!options) {
    throw new Error('fetch options missing');
  } else if (!options.url) {
    throw new Error('fetch url missing');

I can see that options.url contains the url of the mp4, while with the mpd the url is ""

[ale1967]

Doing some tests (hope this can help) I have seen this:

• First execution with mp4 file using http url

I can see the url (line 151 videos.wavesurfer.js)

this is the console.log of element field, it contains the url

• Second execution with mpd file always with http url

Same as previous I can see the url (line 151 videos.wavesurfer.js)

this is the console.log of element field, it NOT contains the url

[thijstriemstra]

a related video.js stackoverflow question: https://stackoverflow.com/questions/63197583/video-js-format-mpd-m3u8-not-supported-and-depreciation-messages

Also see https://github.com/videojs/mpd-parser

[thijstriemstra]

@ale1967 see #17 (comment) for some more investigation.