moefront / muse Goto Github PK

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

Player is very well but If support lyric .lrc and show button Pre, Next. Use can change list, loop, repeat, Repeat all

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

Demo中以下歌曲无法播放

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

重现方法：

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

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

Press ESC to exit FullScreen mode works well.
But the message on ContextMenu is still 退出全屏模式.
Thanks for the work !

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.

( *・ω・)✄╰ひ╯

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

点击进度条没反应 _ (:з」∠) _
Chrome没有问题呢

ReferenceError: event is not defined
...getElementsByClassName("ym-played")[0],clickarea=event.clientX,awayleft=audioEle...

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

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.