Comments (4)
Is it like a MV's Lyric?
from aplayer.
@Copay By "MV", do you mean those MTVs/Karaokes?
But as I imagine. All the separated lyrics in a line are wrapped in <span>
s. They are all gray at first and then they fade into a color or wipe into a color by adding classes, just like karaoke videos. But the current line moving system won't change if this new feature was added.
Here is a gradient code pen I found that works on Firefox (It doesn't have to be included though, just an idea): https://codepen.io/giana/pen/RPdLaQ I imagine you can do a gradient and translate the background position to do the wiping animation. Of course simply fading would be simpler if you want to though.
That shouldn't be too hard to add to the code, right? 😆
from aplayer.
but the author is a little lazy?he is buzy with DPlayer, his new project.
from aplayer.
Done. 44ff1c8
from aplayer.
Related Issues (20)
- Suggestions related to autoplay 与自动播放相关的建议 HOT 2
- How do I put aplayer with fixed mode enabled in the lower-right corner of the hexo blog instead of the lower-left corner HOT 1
- bug
- Purchase/Download button
- adaptive bitrate streaming
- how to Unbind the event handler
- Is there an API to get information about the currently playing audio?如何获取当前正在播放的音频的信息? HOT 1
- Aplayer causes the pinia-plugin-persistedstate plugin to fail
- No ap.setMusic() function
- 2个BUG 播放数注销后,定时器仍在跑;播放数参数定义为fixed:1注销后,再次生成fixed:0 仍是吸地模式
- The player cannot adjust the number and size of lines displayed in the lyrics, only one or two lines can be viewed播放器无法调整歌词显示的行数和大小,只能看一两行 HOT 2
- ap.play() function not work
- Increase the number of lines displayed for lyrics
- 无法获取播放列表长度 HOT 1
- The autoplay:true setting has no effect
- dynamic update lyric. 动态更新歌词 HOT 2
- volume can't be adjusted HOT 1
- 建议添加Chrome的MediaSession全局媒体控件样式的支持 HOT 1
- Invalid player mutex attribute
- Is it possible to add a max mode?
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 aplayer.