Comments (3)
In fact, I don’t quite understand what you said. If there is a lyric that starts at 9.8s, you want to display the next page before the cursor reaches 10s? In that case, when should I skip to the next page 10s ago? This is not easy to judge. I recommend manually adjusting the duration to adjust the display of the waveform:
wf.setOptions({
duration: 20,
});
Similar example: https://subplayer.js.org
from wfplayer.
My idea would be have some sort of "padding" (I know, option name taken already). If you set duration
to 10s and padding
to 1s, then the first page shows the first 10s of wave form, but skips to the second page as soon as the cursor reaches 9s. Then the second page shows 9s to 19s, and skips to page 3 when the cursor reaches 18s (1s before the end of the current page).
Changing duration
just shifts the problem. When I set the duration
to 20s, I have the same problem as before with lyrics that start at 19.8s. Moreover, when I'm not on the first page, but, say, at 2 minutes with duration
set to 20s, then switching duration
and thus zoom level moves the cursor around wildly.
from wfplayer.
I understand what you mean, but a lot of code changes are needed to implement it, I want to think about it
from wfplayer.
Related Issues (20)
- Browser crash on loading video/audio of duration around 2 hours HOT 6
- with window.OffscreenCanvas to undefined, options will never be dispatched to drawer.config HOT 6
- Add option for cursor position HOT 2
- +1h audio file destroys the ram HOT 4
- am getting undefinde error first time when i refresh the page HOT 2
- getting audio infinity HOT 1
- Could you please add a speed-changing function? HOT 2
- can you guide me how to create multiple instance of wfplayer at run time? HOT 5
- Add `waveBorder`, `waveBorderColor`, and `waveBorderWidth` Options
- adding grab_start and grab_end events HOT 2
- decodeAudioData crash HOT 1
- loader模块load函数执行错误
- Appending custom headers HOT 1
- Region support HOT 3
- Control audio without audio tag HOT 2
- Webworker vs FFmpeg HOT 1
- npm run dev 报错无法运行 HOT 2
- 这是拼写错误,还是故意写成这个的? HOT 2
- Fill the entire audio width
- 可以发一个2.2.9么😁
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 wfplayer.