<video @timeupdate="timeupdate" :src="视频路径" controls="controls" poster="封面"></video> data() { return { mytime_02:true, } } //监听播放位置 timeupdate(e) { if ...
分类:
其他好文 时间:
2020-05-20 17:09:34
阅读次数:
413
这段时间公司一直在做一个PC的教育类单页应用,庞大复杂,涉及非常多H5的知识,音频就是其中的一部分。前些天偷台风的闲暇时写了一个移动端音乐播放器,作为练手项目。 在线地址:请猛击这里源码:请猛击这里 注意:使用PC浏览最好打开移动设备模式,使用移动设备浏览需要关闭无痕浏览模式(否则无法使用本地存储, ...
分类:
移动开发 时间:
2020-05-20 12:50:38
阅读次数:
78
语义化元素(了解):只是将元素语义化,实际上只是一个块级元素,没有其它特性 媒体元素:audio与video的属性一致 如果浏览器不支持视频的播放格式,那可以使用<source>标签来指定多个视频格式,浏览器会依次寻找支持的格式来播放(只播放一个) ...
分类:
Web程序 时间:
2020-05-19 18:33:34
阅读次数:
60
需求: 1.一次只能播放一个视频。 2.播放页面禁止刷新。 3.打开视频若该视频之前已经学习过一段时间,则再次打开可以跳至上次播放的位置继续播放。 4.视频每隔5秒进行一次打点调后端接口,记录当前学习时间,视频暂停、报错则清除定时器。 5.只有测评师学习时才进行打点,并且不能拖拽大约15秒的时间。 ...
分类:
其他好文 时间:
2020-05-19 17:55:21
阅读次数:
120
项目中有个这样的需求: 进入视频播放页后,添加一个标识,为了防止用户一次播放多个视频,当离开该页面后,如果是从当前正在播放的视频页面离开的,则离开播放页时清除标识,如果是不是则不清除,并且禁止用户按F5进行页面刷新,当用户在正在播放的视频页按浏览器刷新按钮清除标识,当用户复制的视频播放页面url打开 ...
分类:
其他好文 时间:
2020-05-19 12:54:08
阅读次数:
448
在程序的世界中,可以让计算机按照指令做很多事情, 如进行数值计算、图像显示、语音对话、视频播放、天文计算、发送邮件、游戏绘图以及任何我们可以想象到的事情。 要完成这些任务,程序需要使用数据,即承载信息的数字与字符。 在计算机中,数据的性质和表示方式可能不同。 所以需要将相同性质的数据归类,并用一定数 ...
分类:
其他好文 时间:
2020-05-19 12:48:48
阅读次数:
52
SoundPlayer是为应用程序添加音频功能最简单、最轻量型的方法,但只能播放wav格式的语音。 百度在线语音合成可以合成wav格式的语音,保存为本地文件,SoundPlayer出错,仔细看文档发现百度的wav就是pcm 16k(3为mp3格式(默认); 4为pcm 16k;5为pcm 8k;6为 ...
样式请自己定义哦~需要其他功能请自行添加! // 组件调用 <Audio src={src地址} id={srcID}/> audio属性 src 歌曲的路径 preload 是否在页面加载后立即加载(设置autoplay后无效) controls 显示audio自带的播放控件 loop 音频循环 ...
分类:
其他好文 时间:
2020-05-19 10:27:26
阅读次数:
65
做H5开发的童鞋应该都遇到过低版本(安卓6.0以下)安卓微信上播放video视频之后就会有一堆广告呈现在你面前。 每次瞪着腾讯自己出来的H5产品,五花八门的视频!重点是还解除了广告的限制。简直是恨!!!!这么专制真的好吗?哈哈,泄愤。 参考了很多视频类型的H5代码,比较牛的是把mp4按帧数转成jpg ...
分类:
其他好文 时间:
2020-05-19 00:46:15
阅读次数:
45
学习内容 先上项目地址,一个简单的AVPlayerDemo: https://github.com/practiceqian/QCAVPlayerDemo AVPlayer学习 1. 几个播放器相关的类 AVPlayer、AVURLAsset、AVPlayerItem、AVPlayerLayer 2 ...
分类:
其他好文 时间:
2020-05-19 00:21:52
阅读次数:
80