寫在前面
如果您對音視頻技術感興趣檬姥，可以訂閱我的專題:音視頻專輯
也可以關注我的簡書賬戶： 張芳濤涧卵，我后期會發(fā)布更多的音視頻以及圖像處理方面的文章蟹瘾。
正文
由于其無所不在圾浅，互聯(lián)網是用ffmpeg創(chuàng)建或編輯視頻的最佳媒介。 除了上傳到YouTube憾朴，Vimeo等流行的視頻分享網站之外狸捕，了解如何將媒體文件包含到網頁中也很有用。 為確保具有不同瀏覽器和媒體支持的用戶可以收聽并查看音頻和視頻伊脓，建議您為HTML5和Adobe Flash Player提供所有支持的格式的媒體文件府寒。
主流的瀏覽器對HTML5的支持情況
使用HTML5在網絡上添加媒體文件相對容易，并且有支持HTML5的設備报腔，但不支持Flash Player，因此了解各種瀏覽器支持的媒體格式非常有用剖淀。 FFmpeg能夠將您的音頻和視頻轉換為任何指定的HTML5格式纯蛾。 OGG容器格式的文件使用Theora視頻編解碼器和Vorbis音頻編解碼器，這些編解碼器可以在商業(yè)項目中免費使用纵隔，WebM格式也提供相同的免費使用翻诉。 請注意，默認情況下捌刮，ffmpeg使用FLAC編解碼器編碼OGG音頻碰煌，這些瀏覽器無法播放，必須包含-acodec libvorbis選項绅作。
| 瀏覽器 | MP3 | OGG* | WAV |
|---|---|---|---|
| Apple Safari 5+ | yes | no | yes |
| Firefox 3.6+ | no | yes | yes |
| Google Chrome 6+ | yes | yes | yes |
| Internet Explorer 9+ | yes | no | no |
| Opera 10.6+ | yes | yes | yes |
| Maxthon 3+ | yes | yes | yes |
| 瀏覽器 | MP4 | OGG | WEBM |
|---|---|---|---|
| Apple Safari 5+ | yes | no | no |
| Firefox 3.6+ | no | yes | yes |
| Google Chrome 6+ | yes | yes | yes |
| Internet Explorer 9+ | yes | no | no |
| Opera 10.6+ | no | yes | yes |
| Maxthon 3+ | yes | yes | yes |
| 如果設置芦圾，則顯示控件：播放，暫停俄认，尋找个少，音量 | |||
| 對于Internet Explorer的HTML5支持可以從版本9獲得，以前的版本6,7和8可以從中安裝Google Chrome Frame插件 |
https://developers.google.com/chrome/chrome-frame
在線測試您的瀏覽器如何支持特定的位于網絡上的HTML5功能
http://html5test.com
使用HTML5添加音頻
為了在任何主流瀏覽器上播放我們的音頻眯杏，最通用的格式是在除Firefox以外的所有瀏覽器上支持MP3夜焦，而對于Firefox我們提供OGG或WAV格式。 用于音頻包含的HTML5中的新標簽是表中描述的<audio>標簽：
<audio>標簽（所有的屬性都是可選的）
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果設置岂贩，音頻開始準備就緒時播放 |
| controls | controls | 如果設置茫经，則顯示控件：播放，暫停，尋找卸伞，音量 |
| loop | loop | 如果設置褥紫，音頻播放一遍又一遍 |
| preload | auto metadata none |
auto - 整個音頻文件被加載 metadata - 只加載元數據 none - 音頻文件未與網頁一起加載 不要將它與自動播放屬性一起使用; 它最近在IE和Opera中不支持 |
| src | URL | 音頻文件的絕對或相對URL |
因為我們希望為同一個音頻指定至少兩個不同格式的文件，所以<audio>標簽的src屬性不會被使用瞪慧，并且在打開<audio>和關閉</ audio>標簽之間會添加多個<source>標簽髓考。 瀏覽器將掃描包含的媒體文件，并選擇它支持播放的第一個文件弃酌。
<source>標簽（所有的屬性都是可選的）
| 屬性 | 值 | 描述 |
|---|---|---|
| media | media_query | 現(xiàn)在沒有瀏覽器支持它氨菇，描述了媒體資源的類型 |
| src | URL | 音頻文件的絕對或相對URL |
| type | MIME_type | 最近媒體資源的MIME類型： audio:音頻/ mpeg，音頻/ ogg妓湘，音頻/ wav video:視頻/ mp4查蓉，視頻/ ogg，視頻/ webm |
下一個HTML代碼包括帶有顯示控件和循環(huán)的音頻文件榜贴，它被保存到文本文件中豌研，并與其他HTML元素（如文檔類型，頭唬党，標題鹃共，正文，div等）一起調用audio.htm驶拱。
<audio controls='controls' loop='loop'>
<source src='music.mp3' type='audio/mpeg' />
<source src='music.ogg' type='audio/ogg' />
Audio element is not supported in your browser, please update.
</audio>
要開始自動播放霜浴，我們可以添加屬性autoplay ='autoplay'。
各種瀏覽器中的音頻控制
| 瀏覽器 | 音頻播放器 |
|---|---|
| Firefox 4 |  |
| Google Chrome 6 |  |
| Internet Explorer 9 |  |
| Maxthon 3 |  |
| Opera 12 |  |
使用HTML5添加視頻
HTML5中的視頻標簽是一個<video>標簽蓝纲，其屬性自動播放阴孟，控制，循環(huán)和靜音使用等于屬性名稱的值（例如loop ='loop'）税迷，但許多瀏覽器接受跳過此值永丝， 生產使用我們可以使用<video autoplay controls loop>。
<video>標簽
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 如果已設置箭养，視頻在準備就緒時開始播放 |
| controls | controls | 如果設置慕嚷，則顯示按鈕控制：播放，暫停露懒，尋找闯冷，音量，切換全屏懈词，字幕等 |
| height | 像素 | 視頻播放器的高度 |
| loop | loop | 如果設置蛇耀，視頻會一遍又一遍播放 |
| muted | 靜音 | 如果設置，音頻流靜音坎弯，最近在Apple Safari和Internet Explorer中不支持 |
| poster | URL | 在視頻下載期間顯示的圖像文件的URL（如果不存在）顯示的是視頻的第一幀 |
| preload | auto metadata none |
auto -整個音頻文件被加載 metadata -只加載元數據 none - 音頻文件未與網頁一起加載 不要將它與自動播放屬性一起使用; 現(xiàn)在它不適用于IE |
| src | URL | 視頻文件的絕對或相對URL |
為了在所有主流瀏覽器上都能看到視頻纺涤，我們必須提供至少2種不同的格式译暂，最好的選擇是MP4和WEBM。 因此撩炊，不會使用<video>標簽的src屬性外永，并在開始的<video>和關閉</ video>標簽之間添加前面章節(jié)中描述的多個<source>標簽。 瀏覽器將掃描包含的媒體文件拧咳，并選擇它支持播放的第一個文件伯顶。
例如，要包含帶有顯示控件和循環(huán)的視頻文件骆膝，我們可以使用HTML代碼：
<video controls='controls' loop='loop' width='640' height='480'>
<source src='videoclip.mp4' type='video/mp4' />
<source src='videoclip.webm' type='video/webm' />
video element is not supported in your browser, please update.
</video>
為Flash Player添加視頻
對于不支持HTML5的瀏覽器祭衩，我們可以在<video>標簽中包含SWF格式的<object>標簽（ffmpeg -f videoclip.mp4 videoclip.swf）。 <object>標簽包含不支持<object>標簽的瀏覽器的<param>標簽和<embed>標簽阅签。
<object width='400' height='300'>
<param name='src' value='videoclip.swf' />
<param name='loop' value='true' />
<embed src='videoclip.swf' width='400' height='300' loop='true' />
</object>
視頻分享網站
YouTube成功推出視頻共享服務之后掐暮，還有許多英文和其他語言的類似網站。 YouTube仍然是最受歡迎的政钟，但其他一些服務器提供了更多功能路克。 幾乎所有的視頻共享網站都支持以下媒體格式：3gp，avi养交，asf精算，flv，mkv层坠，mp4殖妇，mpegps，mov破花，ogg，wmv等疲吸。最流行的視頻共享網站列表位于表格中座每。
最受歡迎的視頻分享網站
| 名稱 | 每月訪問者 | 描述 (每月的訪客數量僅來自美國，并在增長) |
|---|---|---|
| YouTube youtube.com |
800,000,000 | - 最受歡迎的視頻網站摘悴，總訪問量排名第三的網站峭梳，每天的視頻瀏覽量超過40億次 - 1080p高清視頻，最大 2 GB和15分鐘 - 支持4k格式的3D視頻和視頻（4096x3072分辨率 - 可用于手機蹂喻，iPod葱椭，PlayStation，Xbox等 - Flash Player和HTML5視頻 - 視頻編輯器口四，字幕等 - 用戶評論孵运，評分，視頻回復等 - 不支持的圖像和音頻文件 |
| DailyMotion dailymotion.com |
61,000,000 | 高清視頻蔓彩，最大文件大小2 GB和60分鐘，音頻90 kbps MP3或AAC顺又，F(xiàn)lash Player或HTML5 用戶可以從圖像創(chuàng)建幻燈片稚照，最多30幅圖像果录，MP4輸出 |
| Vimeo vimeo.com |
17,000,000 | 高清視頻（1920x1080）雕憔，最高 文件大小5 GB斤彼，無限期 - Flash Player琉苇，HTML5 - 注冊用戶超過800萬并扇，每月獨立訪問者達到6500萬 - 編碼視頻比特率最高（平均2000 kbps穷蛹，最高5000 |
| Metacafe metacafe.com |
9,200,000 | - 短片娛樂視頻（電影肴熏，游戲蛙吏，音樂鸦做，體育泼诱，電視剪輯等） - 最大坷檩。 文件大小100 MB系瓢，視頻轉換為320x240 FLV夷陋，VP6骗绕，比特率330 kbps，MP3音頻 - 每天1700萬次觀看撤缴，全球每月4000萬獨立訪客 |
| Break break.com |
6,800,000 | - 有趣的視頻（流行文化屈呕，生活方式虎眨，交通嗽桩，游戲等） - 被推薦到主頁的視頻將獲得獎勵：首先是$ 400涤躲，第二個$ 500，第三個和接下來是$ 600 |
| Veoh veoh.com |
6,100,000 | - 視頻可以按照系列和頻道進行組織 - 在幾個國家被封鎖(被墻了。消恍。狠怨。佣赖。) |
| RuTube rutube.com |
4,000,000 | 最大的文件大小300 MB外傅，VGA分辨率萎胰，F(xiàn)lash Player; 主要用戶在俄羅斯技竟，交互界面還是不錯的，每個月的獨立訪客30萬瓷患，該網站也可以登錄Facebook |
| Internet Archive archive.org |
1,600,000 | - 用戶可以上傳視頻，音頻爱态，文檔锦担，免費書籍等 - 永久存儲 |
| Multiply.com | 695,000 | 用戶檔案，非常受歡迎 |
| Qik.com | 505,000 | 基于移動設備 |
| Phanfare.com | 323,000 | 照片和視頻 |
| Sevenload.com | 192,000 | 在幾個國家被封鎖 |
| OpenFilm.com | 114,000 | 電影磁椒，音樂，社區(qū) |
| ScienceStage.com | 100,000 | 以科學為導向的媒體門戶医增，用戶還可以上傳mp3茫多，vob和swf格式的文件 |
Web服務器上的視頻處理
由于ffmpeg和視頻共享網站的流行地梨，一些虛擬主機公司提供對ffmpeg服務器上視頻處理的支持，這需要比傳統(tǒng)網站更大的CPU負載万细。 包含他們提供的參數的幾個虛擬主機的預覽在表中：
帶有FFmpeg支持的虛擬主機服務
| Name URL | 描述 |
|---|---|
| CirtexHosting www.cirtexhosting.com |
支持：FFmpeg，F(xiàn)Fmpeg-PHP，Mplayer + Mencoder + Yamdi + Yasm献起，flv2tool + GD庫，Xvidcore + Faac + Faad2岂嗓，Libogg + Libvorbis + Libtheora，Libx264 + Libopencore-amrnb + Libopencore- amrwb年枕，LAME MP3 Encoder |
| GlowHost www.glowhost.com |
可用模塊：FFmpeg和FFmpeg-PHP品洛，GD Library 2+帽揪，MPlayer和MEncoder芦拿，F(xiàn)AAD / FAAC，F(xiàn)LVTool2缓苛，Libogg和Libvorbis芥备，LAME MP3編碼器萌壳，x264 / H.264，MPEG-4 AVC |
| HostUpon www.hostupon.com |
所有模塊啟動視頻網站荷憋，Youtube克隆或社交網絡與視頻上傳瘫里。 FFmpeg托管腳本：Boonex Dolphin局装，PHPMotion拨脉，社交引擎爹脾，ABKsoft腳本解阅，Joomla視頻插件烹吵，Clipshare锈津，ClipBucket窿吩，社交媒體轧邪，Rayzz曲管，Vidi腳本等 |
| PacificHost.com www.pacifichost.com |
可以選擇創(chuàng)建和運行YouTube等在線視頻分享網站衙耕。 他們使用軟件來轉換視頻：ffmpeg-php厅瞎，mplayer初坠，mencoder和簸，flvtool2，lame碟刺，libogg锁保，libvorbis，xvid半沽，theora爽柒，faac，phpshield加載器者填。 PacificHost的FFmpeg包含以下模塊：libfaac浩村，libfaad，libxvid占哟，libamr-nb心墅，libamr-wb，libgsm榨乎，libogg怎燥，libtheora和libvorbis |
| VPSDeploy https://vpsdeploy.com/whm-cpanel-ssd-hosting.php |
托管：FFmpeg支持，flvtool2蜜暑，X.264插件铐姚，libogg，flac和LibTheora用于videostreaming |
通過視頻上傳獲利
一些視頻分享網站提供了查看上傳視頻的付款方式：
- YouTube合作伙伴計劃為創(chuàng)作者提供工具和程序史煎，以構建受眾群體并通過視頻獲利谦屑。 獲利的視頻會顯示增加，更多信息位于網頁http://www.youtube.com/account_monetization
- Blip.tv從包含的附加費中支付50％篇梭，但創(chuàng)作者必須上傳原始視頻系列氢橙，而不是所有系列都被接受，有關更多信息恬偷，請訪問http://blip.tv/users/apply
- NowVideo.eu為每1000個視頻流支付10美元（完整的訪問者瀏覽量）悍手，詳情請見http://www.nowvideo.eu/affiliate.php
-
Break.com從用戶中選擇有趣的視頻并將它們包含到其主頁中。 這些視頻的創(chuàng)作者將為每個視頻從200美元到600美元進行支付，金額取決于用戶是否決定出售或許可視頻和其他條件坦康，更多信息請訪問http://info.break.com/break/html/竣付。upload_videos.html
