兴趣使然,做了个音频播放器,支持各种循环模式,支持样式自定义,基于 howler.js实现,希望里面的内容能够对你的工作与学习有所帮助。
“JS实例”目录存档
基于howler.js写了个音频播放器组件
2022年03月15日,星期二JS复制文字到剪切板的极简实现及扩展
2021年10月28日,星期四多次遇到复制文字内容到剪切板的需求,每次都重新撸一遍代码,很糟心,所以特别写了篇文章,方便下次复用和溯源,也顺便帮助下其他同行小伙伴。
ogv.js让iPhone支持webM视频解析播放
2021年07月24日,星期六在前端同行的提醒下,了解了下ogv.js解码webM视频,也就是使用canvas播放webM视频,可以让iOS,iPhone播放webM视频,但是,我的主要目的是解决Android原生video 视频层级问题的。
利用废弃的html rel import实现页面include功能
2021年07月22日,星期四太好了,HTML imports被废弃了,我可以放心使用这个语法实现HTML include功能了,从此静态页面也可以有公用头部和尾部啦。
输入框value属性赋值触发js change事件的实现
2021年05月13日,星期四HTML表单输入框元素直接使用value属性赋值是不会触发change事件的,本文提供一种实现方法,保证原生的value赋值特性同时可以触发change事件。
Safari不支持build-in自定义元素的兼容处理
2021年04月26日,星期一大家如果进行原生的web components组件开发,可能会遇到build-in自定义元素在Safari浏览器下不支持的场景,本文提供了相应的解决方案,为您的实际开发助航。
JS视频解码JSMpeg和Broadway开箱测评
2021年04月25日,星期日H5直播,Android视频播放层级,内置播放器等问题,可以看看本文介绍的两个JS项目,JSMpeg和Broadway,或许会有所帮助。
腾讯开源的酷炫动画播放解决方案Vap初体验
2021年04月18日,星期日H5中希望有炫酷3D动效,但是3D WebGL实力不允许,可以试试使用本文要介绍的VAP,导出PNG图片序列,可以有高性能的炫酷动画效果,Android和iOS也可以使用。
借助ffmpeg.wasm纯前端实现多音频和视频的合成
2021年03月20日,星期六不借助C/C++,纯JS浏览器中ffmpeg.wasm实现指定长度、位置和数量的音频和视频合并成新的视频,此领域目前为数不多优质文章,建议收藏备忘。