H5前端视频方面

Video.js - open source HTML5 & Flash video player - https://github.com/videojs/video.js
B站 html5视频转码内核flv.js:https://github.com/Bilibili/flv.js
移动端HTML5<video>视频播放优化实践- http://blog.csdn.net/cdnight/article/details/48780713
H5 mediaelement-- https://github.com/johndyer/mediaelement
ts m3u8-- https://github.com/miniflycn/HLS-demo/tree/master/m3u8
一个简单的HLS视频播放例子,使用了MediaElement.js -- https://github.com/miniflycn/HLS-demo
HLS协议及java切片相关-- http://blog.csdn.net/cdnight/article/details/39085581

移动端HTML5音频与视频问题及解决方案- http://www.cnblogs.com/aaronjs/p/4812119.html
很长一段时间里,我都没理会这个视频处理,安卓用底层,iphone直接用VideoJS,内置flash与h5切换的,flash也有支持问题.
https://github.com/newshorts/InlineVideo

解决h5安卓机在微信上播放视频有广告问题- http://www.cnblogs.com/foreverZ/p/6038950.html

> 视频直播
HLS直播技术方案及踩过的坑-- http://blog.csdn.net/a345017062/article/details/46356331
html5手机视频直播- https://blog.csdn.net/welliu/article/details/78449984
RTMP直播例子--基于FLASH/FLEX(含源代码)- http://download.csdn.net/detail/theskyto166/9878033

> 视频直播协议大致只有两种:
 1.RTMP(Real Time Messaging Protocol)
 2.HLS(HTTP Live Streaming) 其中RTMP是Adobe开发的协议,无法在iPhone中兼容,故目前兼容最好的就是HLS协议了。
 3.HTTP Live Streaming(HLS)是苹果公司实现的基于HTTP的流媒体传输协议,可实现流媒体的直播和点播。原理上是将视频流分片成一系列HTTP下载文件。所以,HLS比RTMP有较高的延迟,HLS基于HTTP协议实现,传输内容包括两部分,一是M3U8描述文件,二是TS媒体文件.
 -- RTMP Sample Player VideoJS,Video.js官网:http://www.videojs.com/
 注:Video.js是一个基于JavaScript的HTML5视频播放器,本身是开源的。

> flash插件与H5播放器
html5结合flash实现视频文件在所有主流浏览器兼容播放- http://blog.csdn.net/freshlover/article/details/7535785/
各视频站做到自动切换flash和html5播放器的难度有多大?- https://www.zhihu.com/question/25259832/answer/30319472

  浏览器的渲染核心(解释引擎)也叫浏览器的内核,一个浏览器产品支持两个内核的就叫做双核浏览器。 不过同一时间只能启用其中一个核心,双核的好处在于可以随意切换。比如IE,maxthon以前的版本,360浏览器以前的版本都是IE核心的,也就是Trident内核的。后来后两个都添加了chrome核心(也就是webkit核心),就成了双核浏览器。
  尽管Flash最初在创建网页游戏和动画方面发挥了很大作用,但它的缺点也越来越突出。例如Flash页面和Flash播放器加载很慢同时快速消耗笔记本电量。而且Flash一直以来的安全问题也使得网页浏览者面临极大风险。
  HTML5目前已经成为代替Flash的首选标准。放弃Flash之后,Adobe能够更好地专注于开发新的动画工具。FlashProfessionalCC已经能够创建HTML5内容,事实上HTML5已经替代了Flash三分之一的工作内容。将FlashProfessionalCC更名为AnimateCC将有望扩大Adobe的接受度并提高销量。

-- HTML5支持的视频MP4格式是要求H.264编码的;
h5头要加上<meta name="viewport" content="initial-scale=1.0, maximum-scale=1, user-scalable=no,width=device-width,height=device-height"/> 

> html5视频播放,兼容性很好的webview框架,就是腾讯X5
webview 加载h5页面,播放视频+全屏,实现简单封装- http://blog.csdn.net/u010918416/article/details/52705732
js继承的6种继承方式- https://my.oschina.net/wangch5453/blog/865918
html5视频播放解决方案- http://www.cnblogs.com/wellsoho/p/3498852.html
html5视频播放解决方案- http://www.w3school.com.cn/html5/html_5_audio.asp

> 目前的主流平台一共5个:
-- 桌面平台:
 Windows(完美支持H5和 Flash Player)
 Mac OS X(完美支持 H5和 Flash Player)
 Linux(支持 H5,Flash Player支持到11.2,Chrome对 Flash Player 支持更好)
-- 移动平台:
 Android(支持 H5,Adobe已经放弃Flash Player支持)
 iOS(支持 H5, 不支持 Flash Player)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值