专栏首页达达前端(1)Angular的开发

(1)Angular的开发

流行的ReactNative、Node.js、Angular.js、RXjs等技术

H5视频直播 ReactNative应用 JavaScript的新语法 高性能服务端框架 Webpack支撑大规模应用开发 Angular2 Vue.js 3D引擎架构 RxJs构建流式前端应用

内容元素content 图像image 音频audio 元信息metadata 编解码器codec 视频video 容器文件格式 帧率frame rate 码率bit rate 分辨率bit rate 图片群组group of picture&gop 视频自动播放 autoplay play()事件回调里执行

loadstart 浏览器开始在网上寻找媒体数据

durationchange 播放时长被改变

loadedmetadata 浏览器获取完毕媒体的时间长和字节数

loadeddata 当前帧的数据已经加载,但没有足够的数据来播放指定音频/视频的下一帧,会触发

progress 当浏览器正在下载指定的视频时,会触发

canplay 当浏览器能够开始播放指定的视频时,会触发

canpalythrough 当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的视频时,会触发

playing 当视频在已因缓冲而暂停或停止后就绪时,会触发

timeupdate 当目前的播放位置已更改时会触发

视频录制端: native webRTC 视频播放端 flash <video></video> native

视频服务器端: nginx

html5使用基于HLS协议 PC端使用flash基于RTMP协议

视频中的评论利用css和div渲染,同时利用webscoket来实时获取评论并展示

点赞效果是由css3来实现

弹幕文字使用translateX位移 利用css3的transition-duration控制弹幕速度

文字碰撞和重叠检测

websocket实时获取弹幕数据

视频直播性能 视频首屏打开耗时 视频的延迟 直播页面的交互性能

优化http请求

https://github.com/arut/nginx-rtmp-module
rtmp {
 server {
 listen 1935;
 
 chunk_size 4000;
 
application hls {
  live on;
  hls on;
  hls_path /usr/local/var/www/hls;
  hls_fragment 5s;
 }
}
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Android之ListView,AsyncTask,GridView,CardView,本地数据存储,SQLite数据库

    补充上一节,使用ListView是用来显示列表项的,使用ListView需要两个xml文件,一个是列表布局,一个是单个列表项的布局。如我们要在要显示系统所有ap...

    达达前端
  • 一篇文章把你带入到JavaScript中的闭包与高级函数

    在JavaScript中,函数是一等公民。JavaScript是一门面向对象的编程语言,但是同时也有很多函数式编程的特性,如Lambda表达式,闭包,高阶函数等...

    达达前端
  • HBuilderX: Android 自定义渠道包

    当完成提交,您将会得到一个 Emrollment ID ,届时请耐心等待。我们将会用电话或电子邮件和您联系

    达达前端
  • 如何快速实现移动端短视频源码系统功能?

    在“互联网+”概念被炒的如火如荼的今天,短视频以视频短、传播快、生产流程简单、制作门槛低、参与性强等特点在互联网所有的热门的焦点中脱颖而出,出现在公众的视野里。...

    布谷安妮
  • 了解一下视频加密工具有哪些加密技术呢?

    视频录屏是视频被盗版最常见也是最难防范的一种方式,让很多为此吃过亏的企业和个人痛心疾首。一个摄像头就可以让自己呕心沥血的成果被复制传播,为别人做了嫁衣裳。

    点量小崔
  • 短视频平台开发优势以及开发的难点

    短视频,如今已经成为一种网络传播主流。短视频平台开发的快速兴起,究其原因,既有其形式的简约、技术的成熟等基础性因素,也源于它适应了当前人们的新媒体化生存需求,如...

    布谷安妮
  • 【深度】机器学习如何帮助Youtube 实现高效转码?

    GAIR 今年夏天,雷锋网将在深圳举办一场盛况空前的“全球人工智能与机器人创新大会”(简称GAIR)。大会现场,雷锋网将发布“人工智能&机器人Top25创新企...

    AI科技评论
  • 直播短视频系统开发,新系统开发需要哪些功能

    一个新的直播短视频系统开发需要伴随一些新功能和必备的功能,我们今天来说一下必备的功能都有哪些。

    yunbaokeji柯基
  • 如何做一个技术类的视频

    本文提供视频讲解,详细见地址:https://www.bilibili.com/video/BV1Mz4y1r7cF

    研究僧
  • 短视频源码开发为什么要接入SDK?有哪些优势?

    短视频行业的发展前景乐观是毋庸置疑的,整个短视频的市场规模一直在增长,网络数据显示2018年已经突破100亿大关,在2019年预测将超过200亿。那么,对于短视...

    布谷安妮

扫码关注云+社区

领取腾讯云代金券