moefront / muse Goto Github PK

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...

( *・ω・)✄╰ひ╯

Steps to Reproduce

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 !

重现方法：

1. 随便开一个有MUSE的页面（我只试过列表里只有一首歌的情况）
2. 把歌放完（不开循环）
3. 再点一次播放键
4. 可以观察到音频已经开始播放，但是歌词没有随之滑动。

Demo中以下歌曲无法播放

• 僕たちはひとつの光
• これから
• Kira-Kira Sensation!

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.

Found in your blog when switch pages, a compatiblity problem with PJAX? 😂

比如錯覚CROSSROADS
去掉歌词中[al:錯覚CROSSROADS]\n[by:菜籽酱]\n[00:00.42]\n后正常
(:з」∠)

I like lyric display in version 4 (via image bellow)

I edit code support show time duration for song and support playlist format from mp3.zing.vn

iOS 最新系统，微信也是最新，一个小项目中用到了 up 主的 ymplayer，但是发现多次点击滚动条后，就出现无法正确匹配歌词的状况了。