Comments (6)
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
from videojs-wavesurfer.
@esukmonica are you able to play the video file directly in the browser using a URL?
from videojs-wavesurfer.
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
from videojs-wavesurfer.
Can you try other browsers, e.g. firefox or edge?
from videojs-wavesurfer.
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
from videojs-wavesurfer.
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.
from videojs-wavesurfer.
Related Issues (20)
- Wavesurfer.js region events HOT 3
- Cannot see soundwaves HOT 1
- getPeaks() returns an empty array HOT 6
- autoplay:false but safari recognize it as autoplay HOT 2
- change src (player.src()) bug that duplicate event fire HOT 1
- Using zoom on videojs-wavesurfer HOT 1
- How to use inside a sophisticated react-js app HOT 10
- Cannot read properties of undefined (reading 'params'), Vue3 HOT 11
- Register manually HOT 4
- Big Play Button is not visible HOT 1
- Loading data peaks HOT 1
- Zoom method not found in player.wavesurfer().surfer HOT 2
- Fullscreen mode does not work with wavesurfer plugins
- Waveform on top of a background image
- File size 1.6g Browser crashes
- File size is around 5g, browser crashes, memory exceeds HOT 1
- Support for wavesurfer.js 7.0 or newer HOT 2
- Record button not clickable
- BUG video.min.js:12 VIDEOJS: ERROR: TypeError: Cannot read properties of undefined (reading 'backend') HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from videojs-wavesurfer.