页视频播放器选择调研报告
可选方案:
html5 video标签
flash播放器
html5 + flash
简要说明:
html5: 由于各浏览器并没有对html5完美支持,单纯使用html5 video标签的方案无法满足需求。
Flash播放器:目前网页播放器主要都还是采用flash播放器,功能强大,API接口丰富,兼容性好,但是需要浏览器单独安装flash插件。
html5 + flash: 这种方案是一种主流趋势,由于html5原生支持video标签直接可以在浏览器中播放视频,不需要安装任何插件,在支持html5的浏览器采用这种方案,不支持html5的浏览器采用退化flash方案。
可行性分析:
各浏览器对html5 video标签支持情况
目前支持html5的浏览器包括:IE9+、chrome、firefox、opera、safari,虽然以上各浏览器的最新版本均支持html video标签,但是各浏览器对其支持的视频格式并不一致,如下表所示:
三种视频格式说明:
mp4:采用H.264编码方式
webm:采用VP8编码方式
ogg:采用Theora编码方式
目前html5 video标签支持以上三种格式的视频文件,但没有哪一种视频格式让所有浏览器都支持,所以同一视频文件必须要两种视频格式,才能兼容所有浏览器。
html5 video的一些局限性:
在IE9中无法实现全屏,这对用户体验肯定不好
播放的视频文件无法受保护(即DRM安全策略),用户可方便下载,这点也无法需求课程项目的需求
第三点就是上面分析的,各浏览器对其支持的视频格式不一致
html5 video的优势
html5 video比flash更稳定,flash在浏览器中经常容易出现’假死’的现象。
html5 video比flash更节省性能开销,尤其在移动设置硬件资源不是很充足的情况下,flash会更加耗电。
现有主流视频网站采用的一些方案:
例如优酷等主流视频网站在PC端都还是采用的flash播放器的方案,视频的格式为.flv,在移动端(iPad及iPhone等),为了让其播放视频,已经采用了的html5 video的方式,视频的格式为H.264编码的mp4。
初步方案的选择
通过以上的分析,由于html5视频播放的一些局限性,目前情况下还不适合在PC端使用,故在PC端全部采用flash播放器的方案。
由于ios不在支持flash,以及近期adobe也宣布不再为android平台提供flash支持,故在移动端使用html5视频播放,具体参考《手机端浏览器对html5 视频播放支持情况调研报告》
手机端浏览器对html5 视频播放支持情况调研报告
Android系统
各浏览器对视频格式支持情况
播放体验:
uc浏览器:播放html5视频时会自动全屏,体验不错。
手机qq浏览器:播放html5视频时,也会自动全屏,体验很好。
内置浏览器:播放视频时会自动调用系统内置播放器,体验比较好。
Chrome浏览器:播放时默认是直接在浏览器中播放,需要手动切换全屏。
Opera mobile: 不支持全屏,也不支持拖放,只能在浏览器中播放,体验不好。
ios系统
由于苹果app store不允许非webkit内核的浏览器进入,所以在ios中各浏览器都是基于webkit内核的,一般都支持mp4格式。
播放体验:有iPhone的同学可以测试下。
Window phone系统
和苹果app store一样,windows phone也不允许非ie内核的浏览器,目前最新的window phone 8内置IE10浏览器,对视频播放的支持还是很友好的。
播放体验:有window phone手机的同学可以体验下。
视频分辨率
320 * 240(小) 480 * 320(中) 640 * 480(pad)
综合方案
通过以上各浏览器在移动端html5 video的支持情况,大部分浏览器都有了比较好的支持,除了firefox及opera不支持mp4格式外,其余都支持mp4格式。所以如果在pc端用flash播放mp4格式的视频,这样一种视频格式就可以在pc及移动端都有比较好的支持。但是移动端采带宽的限制,和pc端相比,可能会采用更低的分辨率,这样的话,对同一个视频文件就需要多种不同的分辨率。
参考:
HTML5视频简介
Html5视频播放及API接口demo
HTML5视频播放时的一些局限性问题
手机浏览器内核调查
android移动设备将不再支持flash插件
测试浏览器对HTML5的支持情况
奇异移动版本体验(html5):
优酷ipad版本体验(html5):
衷于研究html5给人们带来的浏览体验提升,直到pingwest sync 2014大会时才确认的名字的“未来应用”已经积累成为大量的html5动画特效库和流量的html5网站,截止2014年12月1日,目前未来应用流量已经超过100T。
发展历程
无心插柳
2014年8月的一天王林跟未来应用(当时还叫“洛客思”)的CEO陈鸿说要做移动社交产品线下分享会的应用在微信里传播,这是由经纬创投、nice、36氪一起举办的活动,大家都不敢掉以轻心,未来应用的主力都参与了这次制作。最终在王林的创意指导下连夜加班完成了一个html5邀请函。这份邀请函很快在vc和互联网产品经理的朋友圈传开,仅4天时间就达到3万人报名,而36氪最初的设想是接受1000人报名,结果让36氪不得不提前关闭报名页面。
于是经纬创投成为未来应用的第一个客户。
未来应用遇到Pingwest
未来应用创立之初,三位创始人在QQ群里想了几十个名字,要么觉得名字太难记要么觉得域名不合适。托pingwest之福,2014年11月之前未来应用还是名叫“洛客思”团队,自从给pingwest做一个叫做“一封来自未来的邀请函”之后,名字就改成“未来应用”了。后来参加SYNC 2014(北京)大会时未来应用还做了个会发光的易拉宝并带上全公司所有的员工把易拉宝摆在一进门最显眼的地方,期望给人惊鸿一瞥之效。
未来应用,不仅仅满足下一代应用的意思,这四个字搭载了团队对未来的美好憧憬,希望能够持续创新做互联网世界中最具创意的事情。在目前互联网领域的移动端代表着团队的新形象——持续创新与拥抱移动互联网,更与其强调未来战略的价值观不谋而合。
未来应用与互联网公司的那些事儿
这群满怀理想抱负的年轻人,在一栋居民楼里成立了未来应用,凭藉着对移动互联网应用领域精准的眼光与敏锐洞察力,未来应用得以在移动端营销领域快速窜起,成功在业界独树一帜。在刚刚成立的一段时间内未来应用决定先给技术最牛的互联网公司提供html5解决方案,这里面不乏百度、阿里巴巴、优酷、搜狐、创新工厂、乐视、友盟、七牛、人人贷、卡巴斯基、大众点评、36氪、pingwest、极客公园…..等等。时至今日未来应用已记不清给多少家互联网公司做过服务了,但是未来应用却牢牢记住当初朋友圈里的朋友们,若不是互联网兄弟姐妹的支持和信任哪有今天的未来应用。
创始人故事
干爹
干爹因守不住挣钱的秘密总是希望跟网友们分享,被人戏称为“分享干货的老爹“,既来之则安之干爹便定了此名号混迹于网络江湖。干爹重情义,周围总有一群牢靠的小伙伴,创业失败时投奔而来的小伙伴不少反增。2014年4月创业再次失败的干爹回福建祭祖,决定遣散团队….等干爹5月返京时小伙伴已租好新办公室,买好桌椅板凳,业务红红火火的做了起来,在团队最困难的时赵夫托尔斯博、自然极近HD、达伦林、叶子、注水知音、elise、郎熙、林犀、灰灰菜、妖离、野孩子、神婆一直守着团队最后的希望。这份情义也使干爹一直坚持有自己一口饭吃,也必有大家的做法!
大Q
大Q是网络豪侠,独来独往,有一次在杭州遇到小困难在网上说了一嘴,于是璐玥和干爹便连夜飞奔去杭州跟素未蒙面的大Q商讨解决方案,三人在西湖楼外楼相聚,大Q豪情万丈的将月入30万的秘密毫无保留的分享给两位,三人一拍即合,觉得大家都是性情中人,从此便奠定了这段非同寻常的关系。
璐玥
璐玥是书生面绿林心,在网络江湖中交谊甚广,做事靠谱深得大家的信赖,曾收30万做淘宝客和100万做比特币交易所。璐玥是个讲义气的人,答应人之事绝对办妥,如果未办成则一定将钱原封不动退还投资人。目前璐玥暂时在另一公司任职,要履行另外一群兄弟们的事业,但是干爹、大Q、迷津都等着,无论璐玥何时归队大家都希望璐玥能坐未来应用的头把交椅。
迷津
迷津是奥数高手,曾保送清华,但是选择了自考北大,迷津曾是干爹的面试官,但在面试过后两人一拍即合就开始创业了。一开始大家打算从舆情监测做起,无奈两人势单力薄,始终没有做成大事,后干爹去开淘宝店,迷津加入了在线教育的创业大潮,两人奔东西。经历几轮创业的迷津在pingwest的SYNC 2014(北京)大会上又再次与干爹相遇,重新起航。
核心价值
未来应用以“移动端内容展示与传播”为自己的历史使命,坚持以创新设计为本,持之以恒地开发移动端应用,为了给企业提供易用、可靠、有效的移动端内容展示与传播的引擎。
针对企业的实际需求,成功开发出更多简易方便的应用,提供多种实用的应用生成选项,让使用者可以轻松的驾驭移动端内容创作,享受移动端技术革新带来的内容红利,从而提供传播效率。
未来应用凭借团队丰厚的技术积累,其产品技术出于领先地位,2014.8月为经纬创投做的移动社交产品分享会中的指纹识别创意将页面按钮体验提升到新的高度。未来应用继续强化手机屏幕的展示流畅体验2014.10月为pingwest的SYNC 2014(北京)大会采用无极滑动的方式,体现未来应用“持之以恒的创新精神和时时领先的技术实力。2014.12月为支付宝做的十年账单以崭新的形象引领移动端html5展示的新方向。
公司文化
用创意和智慧开心的挣钱
提高工作效率合理规避加班
工作中要互相帮忙,杜绝一个人单独加班
互联网思维不如有黑客思维
家庭最重要其次才是工作
人在一起是人渣,心在一起才是团队
核心员工要具备组建和管理100个人的虚拟团队的能力
果汁、饮料、铁观音、普洱茶、咖啡、龟苓膏、藕粉无限量畅饮,公司常备10种以上不同的饮料
做有创意的互联网Geek
这里有理工科的影帝、客服中的硬件工程师、策划中的声优、媒介中的程序员、淘宝客的中大牛、黑客中的奇葩….
在 Windows 10 下使用最新版的32位 Google Chrome 浏览器(ver 64.0.3282.119),Adobe Flash Player 也是最新的 v28.0.0.137 ,就是死活不起作用,看优酷和爱奇艺视频,都是只有声音,没有画面,怎么回事?
首先当然是怀疑没有启用 Flash ,因为 Google Chrome 从 ver 61 开始,Flash 默认就不是允许,而是询问了。在地址栏左侧,有个叹号,点击它选择允许开启 Flash,但还是不行。关闭浏览器重新打开,也是外甥打灯笼--照旧。
有网友支招:我也遇到同样情况,进chrome的设置里,关闭硬件加速就正常了。但我按提示做了,在设置中关闭了硬件加速,仍然不行。
我都准备重装系统了,觉得 Windows 10 太蛋疼,单位电脑上的 Windows 7 好用的很。但想到重装系统真是太麻烦了,只好静下心来,再逐一排查原因。
经过多次试验,终于找到问题的所在,原因是优酷默认是启用了 HTML5 播放器,导致只有声音没有画面,使用 Flash 播放器后,一切都就正常了。爱奇艺也是这个问题。
优酷网视频播放器选项
但仍有个问题,在优酷网上,这次选择了FLASH播放器后是正常了,但下次打开时,又是默认选择了使用HTML5播放器。每次都要选择,太麻烦了吧,优酷不会记忆我们的选择吗?而且爱奇艺我修改后,第二次打开是正常的。
爱奇艺视频播放器选择
HTML5播放器已经是流行的选项,优酷网有这个选项,说明也是支持的,为什么 Google Chrome 浏览器没有顺利地播放呢?这是很奇怪的,照说 Google 可是新技术的推广者,不可能会这样,看来还是某个设置被我忽略了。
在 Google Chrome 浏览器的设置中,我只找到 Flash 的选项,没有 HTML5 的相关选项。
本文首发于头条号
*请认真填写需求信息,我们会在24小时内与您取得联系。