最近想做一個(gè)android+h5視頻播放站稽屏，主要問(wèn)題是流量和帶寬扮宠，首先想到的解決方法是直接將p2p下載模塊做到客戶端，這樣不用走服務(wù)器流量狐榔。但是沒(méi)有找到相關(guān)技術(shù)坛增，只發(fā)現(xiàn)了一個(gè)web端的 webtorrent
然后想到了...“借用”其他站的視頻。打開(kāi)目標(biāo)站點(diǎn)薄腻，f12找到視頻對(duì)應(yīng)的video標(biāo)簽收捣，發(fā)現(xiàn)并不是想象中的xxx.mp4，而是這樣開(kāi)頭的一個(gè)地址
src="blob:https://www.xxx.com/023603e2-0d9f-4398-ba53-027b242f520b"
這明顯是加密了視頻的真實(shí)地址庵楷，先不管這個(gè)奇怪的東西坏晦，有興趣的同學(xué)可以搜一下blob:http
然后嘗試在Network查找地址，隨著視頻播放，發(fā)現(xiàn)這樣幾條信息：
https://xxx.com/x/y/z/xyz/hls-360p0.ts?e=12345&h=d56591aa6ccc48c0
https://xxx.com/x/y/z/xyz/hls-360p1.ts?e=23456&h=6ccc48c0d56591aa
https://xxx.com/x/y/z/xyz/hls-360p2.ts?e=76431&h=aa6cccd5659148c0
...
在新標(biāo)簽頁(yè)中打開(kāi)地址昆婿，自動(dòng)下載了一個(gè)后綴名為ts的視頻文件球碉，時(shí)長(zhǎng)為10s
所有文件拼起來(lái)就是完整的原視頻。
經(jīng)過(guò)搜索仓蛆，知道了這個(gè)視頻體系是遵循HLS協(xié)議睁冬，將完整視頻切分成一個(gè)個(gè)小碎片，按需傳給用戶看疙。
雖然我們是借用視頻豆拨，不需要自己上傳到服務(wù)器切分，但是要熟悉下這個(gè)流程：
切分視頻需要用到一個(gè)叫ffmpeg的工具能庆，安裝過(guò)程我就不復(fù)制了施禾，簡(jiǎn)單說(shuō)下切分過(guò)程
1，將mp4轉(zhuǎn)換為ts：
ffmpeg -i out.mp4 -c copy -bsf h264_mp4toannexb output.ts
2搁胆，將ts切分：
ffmpeg -i output.ts -c copy -map 0 -f segment -segment_list playlist.m3u8 -segment_time 10 output%03d.ts
這樣就得到一大堆.ts文件和一個(gè).m3u8文件
打開(kāi).m3u8文件弥搞，發(fā)現(xiàn)它是一個(gè)播放索引列表
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-MEDIA-SEQUENCE:0
#EXT-X-ALLOW-CACHE:YES
#EXT-X-TARGETDURATION:15
#EXTINF:14.472789,
output000.ts
#EXTINF:10.427078,
output001.ts
#EXTINF:10.427078,
output002.ts
...
...
#EXTINF:10.427078,
output017.ts
#EXTINF:8.883867,
output018.ts
#EXT-X-ENDLIST
其實(shí)最開(kāi)始vedio標(biāo)簽中blob:https:所隱藏的就是這個(gè)m3u8文件
通過(guò)分析，我找到了他的m3u8文件地址：
https://xxx.com/x/y/z/xyz/hls.m3u8?e=92345&h=5659d1accc48c0a6
所以我們將自己站點(diǎn)中video標(biāo)簽的src地址替換成這個(gè)就可以.....是不可能的
有首歌唱得好
沒(méi)~那么簡(jiǎn)單
第一個(gè)坎是我一直在胡編的后綴參數(shù)e=92345&h=5659d1accc48c0a6
e是當(dāng)前時(shí)間戳渠旁，h是md5加密的字符串攀例，這個(gè)破解不了以我的爬蟲(chóng)水平就無(wú)法批量“借用”視頻，只能手動(dòng)找m3u8文件了
打開(kāi)m3u8文件顾腊，發(fā)現(xiàn)指向的是另外幾個(gè)m3u8文件
#EXTM3U
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=423936,RESOLUTION=640x360,NAME="360p"
hls-360p.m3u8?e=92345&h=5659d1accc48c0a6
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=155648,RESOLUTION=444x250,NAME="250p"
hls-720p.m3u8?e=92345&h=5659d1accc48c0a6
因?yàn)橛玫氖窍鄬?duì)路徑粤铭，如果自己的站也要分清晰度的話，還要再改二級(jí)m3u8文件的內(nèi)容
注意這里也有個(gè)坑杂靶，不能用https
#EXTM3U
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=423936,RESOLUTION=640x360,NAME="360p"
http://xxx.com/x/y/z/xyz/hls-360p.m3u8?e=92345&h=5659d1accc48c0a6
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=155648,RESOLUTION=444x250,NAME="250p"
http://xxx.com/x/y/z/xyz/hls-720p.m3u8?e=92345&h=5659d1accc48c0a6
因?yàn)橛玫氖莂ndroid+h5梆惯，現(xiàn)在打開(kāi)客戶端就可以看了。這是因?yàn)橐苿?dòng)端ios和android都支持HLS協(xié)議吗垮，可以直接播放垛吗。
pc端只有safari支持(畢竟人家自己家的協(xié)議嘛)，如果要在其他web端看視頻抱既，需要安裝插件完善h5的播放器职烧，這里提供兩種解決辦法
1扁誓，videojs（<video>）
2防泵，ckplayer（flash）
最后給一個(gè)拼合ts文件的bat腳本：
以(hls-720p0.ts~hls-720p31.ts)為例：
@echo off
cd.>new.ts
for /l %%i in (0 1 31) do (
copy /b new.ts+hls-720p%%i.ts=new.ts
)
pause
