那些H5用到的技术（2）——音频和视频播放
前言 audio标签 Web Audio API 自动播放的问题 背景音乐的实现 立即播放的问题 SoundJS video标签 播放样式的问题 格式的问题 总结 前言 正常情况，除了非常简陋的小功能H5，音乐播放 ...
原文：那些H5用到的技术（4）——弹幕
前言 思路 实现 模式 无限循环模式 时间线模式 停止显示弹幕 前言 以前玩卷轴射击游戏的时候，大量的BOSS子弹让我们无路可逃的时候，让我见识到了真正弹幕的威力，可自从A站B站火了之后，大量评论留言参与到了视频的播放中，也让我见识到了 弹幕 的威力，压根视频就没法看了 全看评论去了，就是那么好玩。 现在没有弹幕功能都不好意思说是做视频or直播网站的。而我们也不能落后呐，产品提需求了，活动H 里 ...
2017-03-08 23:28 0 3770 推荐指数：
相关推荐
那些H5用到的技术（1）——素材加载
编码环境 前言 什么时候用到素材加载？ loading提示，让用户等待 图片的加载 音频的加载 利用神器PreloadJS 总结 编码环境 Sublime Text 3 插件包括： Autoprefixer 自动补全CSS ...
那些H5用到的技术（3）——屏幕场景滑动
stylie velocity.js 总结 前言 现在已经有许多公司开发了各种在线H5 ...
那些H5用到的技术（6）——数字滚动特效
前言 原理 源码 使用方式 补充 CountUp.js 前言 会有这么一种情况，H5页面需要进行数字统计展示，以此来强调产品or工作的成果。如果只是静态显示一个数字，总是感觉生硬。对比如下： 是不是瞬间高大上了呢？ 这个效果我是在开源中国 ...
H5移动端弹幕动画实现
思路 把单个内容编辑好，计算自身宽度，确定初始位置 移动的距离是屏幕宽度 js动态的添加css动画函数，将高度、动画移动时间、动画延迟时间都用随机数控制 代码： html骨 ...
h5做直播的弹幕效果
最近在搞弹幕效果所以就写一个关于弹幕的吧，刚开始寻思去网上找插件的，但找的插件和我的需求都不太相符，其实做弹幕我知道的有两种方法： 1：一种是用canvas和对象来完成弹幕想过，用canvas来完成弹幕动画，每一条弹幕就是一个对象，但是由于canvas定位到视频框上面，会覆盖掉直播框，这样就会 ...
H5离线缓存技术
HTML5提供了很多新的功能以及相应的接口，离线存储就是其中的一个，离线存储可以将站点的一些文件存储在本地，在没有网络的时候还是可以访问到以缓存的对应的站点页面，其中这些文件可以包括htm ...
H5的canvas绘图技术
canvas元素是HTML5中新添加的一个元素，该元素是HTML5中的一个亮点。Canvas元素就像一块画布，通过该元素自带的API结合JavaScript代码可以绘制各种图形和图像以及动画效果。 ...