·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]在html5下做音频Audio标签实现歌词同步效果的音乐播放器(3)

时间:2017-01-24 09:38酷播
总结 上面的做法处理了多时间共处一行的情况,所以对于大多数歌词文件来说都是可行的,目前还没有发现另外形式的歌词文件。上面介绍的方法同样适用于video标签在播放视频时同步字幕,只是用于匹配的正则表达式需要

总结

上面的做法处理了多时间共处一行的情况,所以对于大多数歌词文件来说都是可行的,目前还没有发现另外形式的歌词文件。上面介绍的方法同样适用于video标签在播放视频时同步字幕,只是用于匹配的正则表达式需要更改,因为字幕文件的格式较歌词又不同了。同时字幕文件也分很多种后缀,但实现起来同样是利用media tagontimeupdate事件。

REFERENCE

http://www.html5rocks.com/en/tutorials/track/basics/

http://www.w3schools.com/tags/ref_av_dom.asp

http://www.w3schools.com/tags/tag_track.asp

本文来源:http://www.cnblogs.com/Wayou/p/sync_lyric_with_html5_audio.html

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器