頁視頻播放器選擇調研報告
可選方案:
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小時內與您取得聯系。