Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can I use Wavesurfer without media?

See original GitHub issue

I want to render waveform once (from youtube video, scraped direct link to mp4), then save picks array , and in the future use it with official youtube-api. That means that in wavesurfer I need only Waveform, and Regions. And don’t need any attached media. Then with Waveform canvas (from picks array) and Regions I’ll control youtube video through api:

show current position of playback,
change position on click on it,
display subtitles like labels on Regions, etc For now I doubled media, and it is a buggy way… it is hard to sync 2 media playbacks… Even when I mute one of them, sometimes they sound both.

Issue Analytics

State:
Created 3 years ago
Comments:10

Top GitHub Comments

1reaction

ApayRuscommented, Feb 23, 2022

@ApayRus I want to do something similar except I am not going to use youtube video. How can I control mp4 video from regions? Like moving video frames when I move regions.

I didn’t use it with mp4 file, only with youtube API. Try events like “region-updated” or other events from here: https://wavesurfer-js.org/plugins/regions.html

1reaction

purva15commented, Feb 23, 2022

@ApayRus I want to do something similar except I am not going to use youtube video. How can I control mp4 video from regions? Like moving video frames when I move regions.

I want to render waveform once (from youtube video, scraped direct link to mp4), then save picks array , and in the future use it with official youtube-api. That means that in wavesurfer I need only Waveform, and Regions. And don’t need any attached media. Then with Waveform canvas (from picks array) and Regions I’ll control youtube video through api:
* show current position of playback,

* change position on click on it,

* display subtitles like labels on Regions, etc
  For now I doubled media, and it is a buggy way... it is hard to sync 2 media playbacks... Even when I mute one of them, sometimes they sound both.
  ![Screenshot from 2020-09-01 23-17-39](https://user-images.githubusercontent.com/1222611/91902074-ce1f3000-eca9-11ea-9ab7-507ca374e1cb.png)

Top Results From Across the Web

FAQ - wavesurfer.js

Yes, if you use the backend: 'MediaElement' option. See here: http://wavesurfer-js.org/example/audio-element/. The audio will start playing as you press ...

WaveSurfer Options

option type default audioRate float 1 audioContext object none audioScriptProcessor object none

Media Element Fallback Example - wavesurfer.js

wavesurfer.js will automatically fallback to HTML5 Media if Web Audio is not supported. However, you can choose to use audio element manually.

wavesurfer.js documentation API Document

Yes, if you use the backend: 'MediaElement' option. See here: https://wavesurfer-js.org/example/audio-element/. The audio will start playing as you press ...

Home | wavesurfer.js

Yes, if you use the backend: 'MediaElement' option. See here: https://wavesurfer-js.org/example/audio-element/. The audio will start playing as you press ...