videojs做直播、弹幕
从上一年开始，我们开始接触直播，现在直播成本真的很低，很多CDN供应商都有提供，本文只是大概讲述播放器这个话题。 开始调研 播放格式，我挑了三种。分别是HLS,RTMP,HTTP-FLV。 下面简单说说区别，如果不做移动端，HTTP-FLV是最优选择，也是当前主流直播网站所用的格式。HLS ...
原文：h5做直播的弹幕效果
最近在搞弹幕效果所以就写一个关于弹幕的吧，刚开始寻思去网上找插件的，但找的插件和我的需求都不太相符，其实做弹幕我知道的有两种方法： ：一种是用canvas和对象来完成弹幕想过，用canvas来完成弹幕动画，每一条弹幕就是一个对象，但是由于canvas定位到视频框上面，会覆盖掉直播框，这样就会让我的直播框的一些事件失效所以我就用了下面的一种 ：另外一种就是用DOM操作去完成弹幕效果，每当你接受到后台 ...
2017-02-28 11:32 0 1574 推荐指数：
相关推荐
那些H5用到的技术（4）——弹幕
”的威力，压根视频就没法看了……全看评论去了，就是那么好玩。 现在没有弹幕功能都不好意思说是做视频 ...
h5直播
直播开发之旅 ① 状态控制： 目前我们先考虑直播的三种状态： 直播前，直播中，结束。 针对每个状态我们肯定会有不同的显示，这三种状态可以是三个页面，相互切换，或者一个页面，控制页面相关隐藏和显示。 可是我们怎么知道，当前主播已经切换成某种状态了呢？ 通过轮询吗？ 当然不是，轮询肯定是可以实现 ...
H5 如何实现直播
H5 如何实现直播 目前直播大火，在看直播后突然想自己做个直播软件。想了想想自己做下，开始在网上各种找资源。直播嘛，那必然有主播端和观众端。经过一系列的考察后后来找到了融云，使用了他们的 SDK，一共用了无 UI IM 和低延时直播两个 SDK。 IM 用了连接和发送消息，选择的是融云的聊天室 ...
H5移动端弹幕动画实现
思路 把单个内容编辑好，计算自身宽度，确定初始位置 移动的距离是屏幕宽度 js动态的添加css动画函数，将高度、动画移动时间、动画延迟时间都用随机数控制 代码： html骨 ...
h5旋转效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l ...
h5 stream 直播监控功能
在config文件中根据h5stream配置完数据源后 进入www文件夹下,根据demo.html 或ws.html配置播放页面 谷歌浏览器默认不支持打开页面自动播放 可以加入 muted(主要) autoplay ...
h5直播开发之旅总结
前言 关于直播，有很多相关技术文章，这里不多说。 作为前端，我们比较关心我们所需要的。 直播的大致流程： APP端调用摄像头 -》 拍摄视频 -》 实时上传视频 -》 服务器端获取视频并解码 -》 存储成一小段一小段视频 -》 服务器端进行推流 -》 H5或者app端通过一个 ...