VIDEOJS: ERROR: Error: HTTP error status: 0

[esukmonica]

I have taken the "Wavesurfer Plugin Video Example" and change the video file to be played to:

// load file player.src({src: 'test.mp4', type: 'video/mp4'});

When loading the page I get "ERROR: Error: HTTP error status: 0". The video file plays, but no waveform is displayed.

Any ideas?

Thanks

videojswavesurfer.zip

[thijstriemstra]

@esukmonica are you able to play the video file directly in the browser using a URL?

[esukmonica]

Yes, I can play the video in Chrome via: http://localhost/video/test.mp4

However, if I replace

player.src({src: 'test.MP4', type: 'video/mp4'});

with

player.src({src: 'http://localhost/video/test.mp4', type: 'video/mp4'});

then I still get the same error and no waveform, but now I cannot play the video neither. I do not get any of the player controls either (play, volume buttons)

video.min.js:12 VIDEOJS: ERROR: Error: HTTP error status: 0 at wavesurfer.js:2850:11

Tests are being done with: Chrome Version 99.0.4844.51/Windows 10 Pro

Thanks

[thijstriemstra]

Can you try other browsers, e.g. firefox or edge?

[esukmonica]

Firefox: 98.0 (64-bit). Applies to both scenarios (having a video source as URL or within the page)

• Video cannot be played
• No waveform
• No video controls

EDGE: Version 99.0.1150.36 (Official build) (64-bit), behaves in the same way as chrome. if video is within page, it can be played but no waveform is displayed, if video source uses the video URL, the video cannot be played and no waveform is displayed

[thijstriemstra]

The regular example works ok: https://collab-project.github.io/videojs-wavesurfer/demo/video.html

Can you try a different video, and maybe also paste output of ffprobe (part of ffmpeg) for the video here.

[esukmonica]

Thanks thijstriemstra

All working now. The error was caused by opening the .html directly from disk.

I have now opened the html via the URL and I get the waveform