vue入门 第一次用博客园写博客,如果有写的不好的地方,希望大家多多见谅,博主会努力改进。 几个星期之前,刚开始接触Vue。Vue无疑是个强大的框架,于是自己就跟着B站的大佬做了一个音乐播放器。 当然了,这个页面还有很多的东西是不完善的,对于像博主这种菜鸟来说,练手还是可以滴~~ 源码 ...
项目中遇到了,让实现一个音乐播放器的功能。修改其样式要求自定义,切需要有,进度条,时间,开关,应用于H 需要兼容ios与android。简单看一下如图播放器 完成代码 audioCom.vue 为了更好地处理IOS duration兼容问题 我们在mounted中添加了自动触发touchstart方法,去进入页面触发一次,这里goole新版本不允许立即播放,会抛出异常,但无关紧要。 isToPla ...
2021-05-28 11:43 0 992 推荐指数:
vue入门 第一次用博客园写博客,如果有写的不好的地方,希望大家多多见谅,博主会努力改进。 几个星期之前,刚开始接触Vue。Vue无疑是个强大的框架,于是自己就跟着B站的大佬做了一个音乐播放器。 当然了,这个页面还有很多的东西是不完善的,对于像博主这种菜鸟来说,练手还是可以滴~~ 源码 ...
...
...
前言 前段时间基于vue写了一个自定义的video播放器组件,踩了一些小坑, 这里做一下复盘分享出来,避免日后重复踩坑... 设计阶段 这里就直接放几张完成后的播放状态图吧,界面布局基本就是flex+vw适配一把梭,也比较容易. 需要实现的几个功能基本都标注出来了; 除了还有一个 ...
vue+flvjs实现自定义控制条的流媒体播放器 flvjs与FLV有什么区别和联系? flv.js 是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash。由 bilibili 网站开源(Github)。 概览: 一个实现 ...
实现思路 原生的audio标签,controls属性用于控制是否显示一个默认的播放器,这个播放器的样式是浏览器决定的,如果使用默认播放器,在不同的浏览器中呈现的样式会不一样。要实现自定义播放器样式,就不要去设置control(因为controls默认值为false)。 通过监听 ...
...
1. 什么是WebRTC 1.1 WebRTC简介 WebRTC,名称源自网页即时通信(英语:Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的实时通信框架,提供了一系列页面可调用API。 参考定义: 谷歌开放实时通信框架 ...