截止2017年1月,目前國內(nèi)只有2個網(wǎng)站支持html5:

公司主營業(yè)務(wù):成都網(wǎng)站設(shè)計、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出鳳岡免費做網(wǎng)站回饋大家。
1.
騰訊視頻
2.
嗶哩嗶哩
可以說中國在html5方面全面落后于美國。后續(xù)如果再有,我會再補上來,促進中國html5視頻網(wǎng)站的發(fā)展。
1. W3Schools(需自備梯子)
W3School是學(xué)習(xí)HTML5最好的資源之一,它擁有的教程都帶有例子,幾乎可以解決你所需要的所有知識點。如果你想從基礎(chǔ)開始學(xué)習(xí)HTML5的話,那么這個網(wǎng)站會是一個很好的選擇。你可以學(xué)習(xí)到HTML5的所有元素,比如標(biāo)簽、圖像、圖形,以及無需多做其他操作,只需跟隨教程的教書步驟走即可,用簡單的語言解釋和交互讓學(xué)習(xí)變得簡單。
2. Html Goodies
如果想要觀看HTML5的速成課程,以及獲取學(xué)習(xí)HTML5的所有性能,那么htmlgoodies會是一個不錯的開始。在網(wǎng)站的左邊部分,你可以看到分類細致的基礎(chǔ)、教程。問答等,你可以任意快速跳轉(zhuǎn)到自己想要開始學(xué)習(xí)的部分。
3. HTML5-tutorial(需自備梯子)
HTML5-tutorial可以讓你在短時間內(nèi)有一個良好的開局,在這里,你可以了解HTML5的基本知識和要點,如何構(gòu)建一個網(wǎng)站、編輯和調(diào)試代碼進行開發(fā)學(xué)習(xí),很適合初學(xué)者入門學(xué)習(xí)。
4. HTML5 Doctor
HTML5 Doctor網(wǎng)站提供了許多內(nèi)容不錯的文章,這些文章將會幫你更好的學(xué)習(xí)和實現(xiàn)HTML5開發(fā)。而且,除了這一特色,網(wǎng)站還有一個“Ask the Doctor”部分,在這里,可以向?qū)<姨釂枺ㄟ^他們的專業(yè)講解解決你遇到的所有問題。
5. Html5 Rocks(需自備梯子)
如果開發(fā)人員想要在網(wǎng)站中實現(xiàn)HTML5,并開展HTML5編碼相關(guān)的研發(fā),那么要關(guān)注Html5 Rocks網(wǎng)站。在這個網(wǎng)站中能夠獲取HTML5的所有功能信息,以及學(xué)習(xí)如何在網(wǎng)站或應(yīng)用程序中實現(xiàn)。
6. Alison
Alison是免費學(xué)習(xí)HTML5的一個很好的在線平臺,上面提供的HTML5課程,讓你逐步去學(xué)習(xí)設(shè)計、構(gòu)建和推出Web上的頁面。你將獲得高品質(zhì)的視頻和持續(xù)的學(xué)習(xí)時間,當(dāng)然也可以按照自己的節(jié)奏去安排HTML5的學(xué)習(xí)。
7. Udacity
這是另一個很好的在線學(xué)習(xí)平臺,無論你是初學(xué)者還是具有中級水平的開發(fā)人員,它都為你準(zhǔn)備了相應(yīng)的HTML5畫布(canvas)和游戲開發(fā)的課程。有興趣的,不妨一試。
8. thenewboston
在thenewboston你可以找到HTML5免費的視頻課程,這個網(wǎng)站擁有很好的編程視頻課程的合集,比如Adobe、Java和C++。在計算機科學(xué)部分你可以找到HTML5編程,可以得到一些HTML5、畫布、視頻播放器的教程,并且還都是免費的。
在線學(xué)習(xí)HTML5編程的高級教程
通過免費的教程、博客、視頻,我們已經(jīng)獲得了基礎(chǔ)和全面的HTML5編程知識,那么是時候通過高級的HTML5視頻教程來深入的了解HTML5編程技巧。大量的實踐之后,我發(fā)現(xiàn)了這些網(wǎng)站,你可以在HTML5上使用高端編程進行項目、小測驗、應(yīng)用來學(xué)習(xí)先進的HTML5。
9. Eduonix
如果不提及學(xué)習(xí)HTML5這一話題的話,我們真的會錯過Eduonix。這是一個優(yōu)秀的在線平臺,你可以找到所有Web技術(shù)和移動開發(fā)技術(shù)。Eduonix的HTML5編程項目課程,是開發(fā)人員通過10個項目和測試,來提升他們HTML技能的一大資源。
10. Udemy
在這個平臺上,無論你是什么類型的程序員都可以進來學(xué)習(xí)HTML5及其他一些的編程語言。這里通過互動視頻來學(xué)習(xí)HTML5,當(dāng)然學(xué)完還有相關(guān)認(rèn)證。在Udemy上你可以找到基于HTML5的項目課程去提高你在Web設(shè)計中的技能。你只需在Udemy上注冊并參加注冊課程,就可以享受視頻講座。
11. Webucator
Webucator網(wǎng)站提供現(xiàn)場培訓(xùn)課程、私人培訓(xùn)、集體培訓(xùn)和自學(xué)課程,來對你的HTML5技能進行高級訓(xùn)練。不過你需要去支付一筆較高的費用,但有付出總會有回報的。
首先swf就是flash的視頻格式。而且flash雖然不說是一統(tǒng)天下,但是現(xiàn)在HTML5的video視頻播放器剛開始起步,根本不可能替代flash,所以就算你用了HTML5的video來做網(wǎng)頁,也必須加上Flash做后備,用HTML5video的作用在于:現(xiàn)在先寫好標(biāo)簽,等過N年之后,video越來越強大,到時候你就不用再重新寫代碼了。但誰都不知道那個“N年”到底是多久。
其次,HTML5支持的視頻格式非常有限,目前一般有:
H.264
Ogg Vorbis
WebM
而且各個瀏覽器分別支持不同格式,除了Chrome,好像沒有瀏覽器能完全支持以上三種HTML5視頻格式。你如果僅僅使用HTML5video來做網(wǎng)頁,估計你的視頻網(wǎng)站客戶很快就跑光了,因為他們絕大部分沒法看你的視頻。
你可以去慕課網(wǎng),它是一個免費學(xué)習(xí)網(wǎng)站,擁有全面的視頻教程,邊學(xué)邊練,效率很高。值得信賴。
許多時髦的網(wǎng)站都提供視頻。HTML5 提供了展示視頻的標(biāo)準(zhǔn)。
檢測您的瀏覽器是否支持 HTML5 視頻:
Check
Web 上的視頻
直到現(xiàn)在,仍然不存在一項旨在網(wǎng)頁上顯示視頻的標(biāo)準(zhǔn)。
今天,大多數(shù)視頻是通過插件(比如 Flash)來顯示的。然而,并非所有瀏覽器都擁有同樣的插件。
HTML5 規(guī)定了一種通過 video 元素來包含視頻的標(biāo)準(zhǔn)方法。
視頻格式
當(dāng)前,video 元素支持三種視頻格式:
格式
IE
Firefox
Opera
Chrome
Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
如何工作
如需在 HTML5 中顯示視頻,您所有需要的是:
video src="movie.ogg" controls="controls"
/video
TIY
control 屬性供添加播放、暫停和音量控件。
包含寬度和高度屬性也是不錯的主意。
video 與 /video 之間插入的內(nèi)容是供不支持 video 元素的瀏覽器顯示的:
實例
video src="movie.ogg" width="320" height="240" controls="controls"
Your browser does not support the video tag.
/video
TIY
上面的例子使用一個 Ogg 文件,適用于Firefox、Opera 以及 Chrome 瀏覽器。
要確保適用于 Safari 瀏覽器,視頻文件必須是 MPEG4 類型。
video 元素允許多個 source 元素。source 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個可識別的格式:
實例
video width="320" height="240" controls="controls"
source src="movie.ogg" type="video/ogg"
source src="movie.mp4" type="video/mp4"
Your browser does not support the video tag.
/video
TIY
Internet Explorer
Internet Explorer 8 不支持 video 元素。在 IE 9 中,將提供對使用 MPEG4 的 video 元素的支持。
video 標(biāo)簽的屬性
屬性
值
描述
autoplay autoplay 如果出現(xiàn)該屬性,則視頻在就緒后馬上播放。
controls controls 如果出現(xiàn)該屬性,則向用戶顯示控件,比如播放按鈕。
height pixels 設(shè)置視頻播放器的高度。
loop loop 如果出現(xiàn)該屬性,則當(dāng)媒介文件完成播放后再次開始播放。
preload preload
如果出現(xiàn)該屬性,則視頻在頁面加載時進行加載,并預(yù)備播放。
如果使用 "autoplay",則忽略該屬性。
src url 要播放的視頻的 URL。
width pixels 設(shè)置視頻播放器的寬度。
1、可以使用WebRTC庫-PeerJS來實現(xiàn)點對點視頻聊天。 官網(wǎng)有詳細的API文檔,以及簡單的視頻聊天示例,隨機算法得自己寫了。
2、還可以學(xué)習(xí)下canvas,有選擇性的把視頻流畫到canvas上,可以或許可以減少帶寬壓力。
基于STRATUS +FLEX+MYSQL的簡易在線隨機視頻聊天室的開發(fā):
1.Flash Builder 4開發(fā)的,默認(rèn)用的是Flex SDK4.0
2.開發(fā)最好用flash payer 10 debug version(可以進行調(diào)試)
3.申請一個 Stratus develper key:8b0f114ef5a20c433d5c2a33-201aeea5601b
網(wǎng)頁題目:html5視頻網(wǎng)站的簡單介紹
鏈接URL:http://chinadenli.net/article12/dsgjegc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、商城網(wǎng)站、用戶體驗、定制開發(fā)、標(biāo)簽優(yōu)化、移動網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)