H5同层播放器接入规范 x5-video-player-type 启用H5同层播放器 通过video属性“x5-video-player-type”声明启用同层H5播放器 x5-video-player-type支持的值类型:h5 示例: <video src="http://xxx.mp4" x5-video-player-type="h5"/> 注: 这个属性需要在播放前设置好,播放之后设置无效,下面的’x5-video-player-fullscr…
今天在做一个分享页面的时候需要播放视屏用了video,然后各种坑开始了: <video src="http://xxx.mp4 " id="myVideo" poster="XXX"  controls></video> 在安卓微信 内:播放全屏并且定位在视屏上的一些东西也不见了?于是接入了同层 <video src="http://xxx.mp4 " id="myVideo"…
前段时间无聊用JavaScript基于H5的audio写一个音乐播放器.误喷,技术有限,文笔不好之处希望各位大神海涵. 1.HTML代码: <div id="music" class="music"> <div id="lyric_div"> <div id="lyric_tit"></div> <div id="lyric_con"> <d…
闲言碎语: 有好几天没有发表博客了,这也是因为一直开发音乐和完善我的博客项目,好不容易抽出时间总结一下这几天所做的东西,笔试又不断通知,实则匆忙 今天难得逃了一次课,就趁这时间,该写写就写写吧~~ 进入正题:Lily_music 本次开发,参照本人之前所做的 乐诗博客(文末会说到)的相关播放控制等功能,继续优化的结果. 前端模仿qq音乐界面,然后在此之上进行修改的界面,并使用了一点 es6 的语法 话说个人挺喜欢qq音乐界面的,简洁,当然也少不了背景模糊插件以及滚动条美化相关插件, 也用到了弹窗…
源码获取 https://pan.baidu.com/s/1pR_bhIFFQWU6TK9ZvrRWIA      安卓安装包下载地址 https://pan.baidu.com/s/1Z8HF5LYoQasDfS_K9JNzXA     H5源码 请转载时候说明出处,共享源码只是让广大同道中人共同学习共同进步,同时也有自己H5生成的安卓包,可以直接下载安装使用! 博客园工具用的实在不顺手,所以在源码里我会加大量备注,播放器后期也会不断更新,完善bug,同时做这个也发现一个问题,纯 H5  + …
由于博客云后台管理工具写起东西来实在难受,所以直接共享源码了! https://pan.baidu.com/s/1XeRxlk7iv5qt1f16s64F9w   H5源码!暂时只支持手机适配,电脑端需要后续优化! https://pan.baidu.com/s/1eNOWb0wgIbloPzzqE0aMDA     安卓安装包  , 做完之后优化了一通发现H5  +js做出来还是有点卡顿,所以准备用vue在做一个版本,同时自己也是个c#研发工程师, 所以后面也会出pc端版本,博客后面会一直更新…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--插入播放按钮得文字图标格式(具体使用方法可以百度http://fontawesome.dashgame.com/)--> <link rel="stylesheet" href=&qu…
目录 [1]功能实现 [2]效果展示 [3]原理说明 旋转原理 余弦定理 [4]代码实现 HTML CSS JS [5]源码查看 功能实现 [1]歌曲播放进度转换成视觉的旋转角度 [2]点击磁盘任意位置歌曲跳转到相应进度 效果展示 原理说明 [1]旋转原理 [2]余弦定理 代码实现 HTML <div class="outer"> <img src="> <div id="player" class="box&quo…
打开IIS,在功能视图里找到MIME类型菜单,打开该菜单后鼠标右键添加.mp4扩展名的MIME类型video/mp4 其他视频文件播放不了估计也得在IIS里添加对应的MIME类型(从服务器下载文件时也得添加对应的MIME类型)…
上篇详细描述了播放页歌词如何实现跟随跟单滚动,如何解析歌词,那么歌单页又是如何生成的呢,话不多说,直接上图上代码! 首先需要获取数据,具体获取数据api请转到我跟我大兄弟博客去观看学习去,同时也感谢我大兄弟无私跟我们共享接口! www.bzqll.com  我大兄弟博客! 歌单列表生成 首先需要获取数据,然后生成列表!话不多说,直接上代码! /* 默认首页是音乐音乐热歌榜,处理返回的json数据用了一点es6的语法 */function indexSong() { var count = 1;…