moefront / muse Goto Github PK
View Code? Open in Web Editor NEW🎧 All you need is a simple and diligent HTML 5 music player written in React.
Home Page: https://github.com/moefront/muse
License: MIT License
🎧 All you need is a simple and diligent HTML 5 music player written in React.
Home Page: https://github.com/moefront/muse
License: MIT License
Player is very well but If support lyric .lrc and show button Pre, Next. Use can change list, loop, repeat, Repeat all
点击进度条没反应 _ (:з」∠) _
Chrome没有问题呢
ReferenceError: event is not defined
...getElementsByClassName("ym-played")[0],clickarea=event.clientX,awayleft=audioEle...
( *・ω・)✄╰ひ╯
Open http://moefront.github.io/muse/dist/
Type MUSE.destroy($('.muse-player').id)
in console
Type MUSE.render(playList, $('#app'))
in console
Then it will produce a ReferenceError like
ControlContainer.js:22
Uncaught TypeError: Cannot read property 'paused' of null
Press ESC to exit FullScreen mode works well.
But the message on ContextMenu is still 退出全屏模式
.
Thanks for the work !
重现方法:
Demo中以下歌曲无法播放
Interesting (
Register more than two setInterval
before MUSE.render()
is called.
And on iOS, muse-player not working at all. (Clicking play button or dragging progress bar)
There are no errors in console.
After clear the timers and call MUSE.destroy()
& MUSE.render()
, it reborned.
Here is a demo url
The above steps work well in PC and Android Browsers.
When switching from a page which has rendered MUSE to another (pushState), switch back to this page(or other pages that have another instance) and re-render MUSE, the playlist will have repetitions (previous playlist items + current playlist items).
Maybe there are some problems with MUSE.destroy()
method.
比如錯覚CROSSROADS
去掉歌词中[al:錯覚CROSSROADS]\n[by:菜籽酱]\n[00:00.42]\n
后正常
(:з」∠)
iOS 最新系统,微信也是最新,一个小项目中用到了 up 主的 ymplayer,但是发现多次点击滚动条后,就出现无法正确匹配歌词的状况了。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.