![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
音乐,视频
文章平均质量分 55
宝儿的程序生涯
爱编码,爱生活,爱分享,
勤思考,常记录,多总结
展开
-
audio示例-基于Vue的一个小项目(上传音乐链接)
1 标签定义声音,比如音乐或其他音频流。 2 设置为自动播放的 audio 元素:autoplay=“autoplay” 但是只有pc端可以实现 移动端不行(pc端的浏览器要比移动端的完善很多,对有些属性支持也会好很多) 3 audio不单单是个标签 他也是window下的一个对象,对象就有属性和方法,作为对象他有哪些常用的方法呢 对象属性: currentTime 获取当前播放时间 durat...原创 2018-12-05 15:44:29 · 2005 阅读 · 0 评论 -
点击图片播放暂停的demo
效果: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"原创 2018-12-18 16:52:29 · 831 阅读 · 0 评论 -
微信端和手机不能支持自动播放问题
Audio在移动端的兼容性问题 https://www.jianshu.com/p/b26cdf3a96f2?from=timeline&isappinstalled=0 https://www.jianshu.com/p/1b94dde73574 /* function audioAutoPlay(id){ var audio = document.getElementById(id)...原创 2018-12-14 11:11:11 · 619 阅读 · 0 评论 -
rabbit-lyrics.js 音频和定时歌词同步器的网页
源地址: https://github.com/guoyunhe/rabbit-lyrics rabbit-lyrics是一个音频和定时歌词同步器的网页。不需要jQuery。没有任何依赖关系。是的,这里已经有许多类似的东西,但rabbit-lyrics有一些特别的: 同时高亮显示多个行。在添加翻译时很有用。 不要依赖jQuery或任何其他库。 为不同的web设计预定义主题。 JavaScrip...原创 2018-12-20 10:13:17 · 696 阅读 · 0 评论 -
audio歌词高亮显示,歌词和歌曲可以点击切换(Vue)
效果: 歌词显示主要源码: var app = new Vue(){ created: function () { this.readLyric(); } preMusic() { this.readLyric(); }, nextMusic() { this.readLyric(); }, methods:{ readLyric() { fetch(t...原创 2018-12-20 15:05:49 · 2187 阅读 · 0 评论 -
一个音乐播放器Vue实现(音乐唱片,点击下面播放,中间的图片可以转起来。)
https://www.jb51.net/article/134491.htm 效果:file:///C:/Users/Administrator/Desktop/index.html原创 2018-12-18 17:01:48 · 3009 阅读 · 0 评论