整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
圖網站的踩坑筆記，vue開發項目中通過api接口獲取到了m3u8格式的音頻，但是有的瀏覽器默認不支持，所以需要借助輔助手段來實現，下面介紹詳細方法。
什么是m3u8？
m3u8是m3u的一種，是utf-8格式的，Apple 為了提高流播效率開發的技術，特點是將流媒體切分為若干 TS 片段（比如每10秒一段），然后通過一個擴展的 m3u 列表文件將這些 TS 片段集中起來供客戶端播放器接收。可以做多碼率的適配，根據網絡帶寬，客戶端會自動選擇一個適合自己碼率的文件進行播放，保證視頻流的流暢。
html5的video標簽實現對HLS(m3u8格式)的支持方法
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
<video id="video"></video>
<script>
if(Hls.isSupported()) {
var video = document.getElementById('video');
var hls = new Hls();
hls.loadSource('http://www.streambox.fr/playlists/test_001/stream.m3u8');
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
}
</script>來源：http://www.qietu.com/hml5-video-m3u8-hls-min-js/
聯網時代讓電視這棵老樹開出新花——內容大爆炸，一直以來的被動觀看變得越來越多互動。然而我們卻再也無法簡單用一個數字鍵就切換到想看的節目，看一個內容要點很多次，觀看路徑被大大延長了。這恐怕也是IPTV/OTT以及有線互動電視的最大痛點，雖然運營商在EPG/UI和遙控器層面一直在努力，但截至目前效果并不理想，成為了電視用戶在互動體驗中的最大不足。
流媒體君新近體驗了一個IPTV創新產品——紙屏（點看），打開了縮短IPTV/OTT大屏觀看路徑的新思路。
所謂紙屏（點看）是指通過用特定的點看筆或點看遙控器，輕點紙質介質上的圖文，即可將對應的媒資內容（視頻、應用等）在電視機上瞬間播放的電視體驗新模式，而傳統模式的投屏業務，必須以電子屏為訪問入口。而紙屏（點看），則將更為普及的印刷品作為訪問線上內容的入口、門戶。
所見所點，內容即入口，是紙屏（點看）的最大優勢。具有豐富的應用場景運營與想象空間。可應用于大屏、小屏；可應用于互聯網公網、運營商專網；可滿足于各年齡段的需求、尤其是老幼群體；可應用于視頻內容運營、傳統紙書升級、購物旅游生活等等。
https://v.qq.com/x/page/a0817f2ihe8.html（觀看體驗視頻網址）
流媒體網認為，在點看這種應用新模式下，哪怕所需要播放的內容或業務處于再深的層級，都能通過點看這一簡單動作被激活、播放。這對于電視大屏上內容的運營和融合生態的業務構建，具有極其便捷的優勢。雖然看似有紙質媒介的壁壘，但是如果細思，不僅僅從產品角度，而是從運營角度考量，這里具備了極大的商業空間。
目前，該紙屏的點看業務，已經在四川電信IPTV上正式商用，平臺能力覆蓋1000萬戶4K及全4K機頂盒用戶。四川電信為此專門推出了帶有語音+點看功能的遙控器，以及相關的紙屏點看卡、點看雜志、點看圖書、點看DM單業務卡。
以下為流媒體君給大家帶來的體驗感知
一、入口稀缺下的新途徑思考
內容是海量的，入口是稀缺的，很多內容養在深閨人未識，這可能是IPTV/互聯網電視最大的供需矛盾。而點看-----內容即入口，恰恰為此提供了一個全新的解決途徑。
1、 直播頻道入口
不用一直按上下鍵選擇，也不用記住頻道號，點一下就可以。跟IPTV適配之后，回看、時移、暫停等都可以點一下就實現。
2、 點播內容入口
相比直播頻道，豐富卻又多變的點播，可能難以僅靠用一張印刷品完成目的，但是，在便利的印刷條件和成本下，DM投送或IPTV影視月刊、甚至專門的影視雜志，即可以形成可讀性的刊物，又能通過點看的方式滿足用戶的觀看需。
試想下，相比現在IPTV等電視大屏上為了推介內容，要根據所提示的“首頁—影視—動作”等等路徑指引而言，點看的確在便利和體驗上更勝一籌。
3、 增值業務生態重構
IPTV大屏首頁推薦位就那么多，很多新業務往往都難以被用戶所看到，而這也成為影響增值業務收入的重要原因。
對于用戶來說，往往所見即所得，不會有過多的精力去層層點看。
對于運營商來說，現有的業務生態過于垂直，用戶直進直出，難以橫向拓展，導致了大部分的流量成為了單次的低效流量。而業務橫向打通，則面臨著技術和平臺的重構。
或許，通過點看的模式，借助第三方形態進行業務的重新組合，便能在一定程度上解決業務的曝光和重構問題。
4、 行業應用的引導入口
依托點看技術和產品，還可以衍生出很多行業性的應用拓展，甚至是單獨的產品，如教育、閱讀、游戲、醫療、旅游、購物等等。以教育為例，如果能跟名校名師合作，孩子用遙控器點一下課本或者習題冊就有名師講解，家長們肯定大力支持。再比如購物，可以跟當地的商超合作，結合電商，用遙控器點一下就能查看商品并下單，前景也是極具想象力。
客人點一下就可以通過電視大屏了解當地好吃好玩的
二、點看產品的實際體驗感知
這個產品應用場景很多，但我們的體驗環境是業務尚未部署的北京公網（移動、歌華寬帶），所以有些在四川IPTV實現的功能遺憾無法體驗，此次流媒體君只體驗了點看圖書。
將電視機與點看遙控器進行成功藍牙配對后，就可以開始“點看”之旅啦。操作形式類似英語幼教領域非常流行的點讀筆，只是這里將筆換成了點看遙控器！
閑言少敘，正式體驗！
點看圖書即屬于基于紙屏點看功能所衍生出的新型產品，既保留紙書文字表達思想的深度和想象空間，又新增對文字抽象意義的視頻形象展示，從平面變成有聲有色，二次元變成三次元，提供了全新體驗。此外，還有對書中故事的拓展，并且能互動。
1）流媒體君首先體驗的是一本以幼教內容為主的小冊子，包含三字經、手指操、小故事、古詩、小百科等等。
想看哪個點一下
https://v.qq.com/x/page/d0817s6qh28.html（觀看體驗視頻網址）
測試總結：響應速度快，所見即所得，面對圖冊，喜歡哪個內容點哪個，避免了一層層找入口、找內容的繁瑣；這種方式不僅僅適合幼教，也適合各種類型的內容。各種內容不會再受限于首頁位置不夠，而且每個人都可以擁有自己的首頁，喜歡戲曲的點戲曲，喜歡武俠的點武俠。
2）繪本的整讀和點讀
點一下整讀貼紙，就會自動讀下去；而點讀則是想讀哪里點哪里。另外還有故事回顧和畫面閱讀，總之，可以用多種維度深度的去了解一個繪本，同時還具有極強的業務想象空間。
https://v.qq.com/x/page/x0817izv0pz.html（觀看體驗視頻網址）
測試總結：整讀順暢，點讀相較于只有聲音的那種更加生動。可以煥發紙質書的新生機。
3）延展和互動
有內容的拓展延伸（點拓展延伸）：《不管怎樣都愛你》講的是媽媽的愛，就會有《愛在這里》的延展，各種小動物現身說法。
還有知識和能力的拓展延伸（點互動），通過互動小游戲，讓孩子知道動物的保護色、培養一些良好的生活習慣等等。
找到相應貼紙，用遙控器方向鍵放到合適位置
另外，還有近似當下流行的AR體驗——點紙板屏幕上就出來相應場景，然后點不同的動物形象它們就會立體化的出現，讓孩子們玩中學、學中玩。
測試總結：將知識與游戲結合起來，而且以用遙控器點為主，不管低齡幼兒還是任何人，都可以順暢操作。尤其對于大屏互動而言，意義非凡。
據悉，后續還將制作文學、科技、歷史、地理、字詞典等各類“點看圖書”，僅圖書點看一項便有諸多想象空間。而醫療、旅游、視頻內容等等可開發的產品眾多。同一個平臺，可以為用戶定制、提供足夠多個內容、風格迥異且低成本的EPG、web頁面，可幫助眾多SP實現低成本向用戶推薦自己內容的平臺！
寫在最后的話：
對于紙屏（點看）這個產品，評價較為分化，有認為該產品過重，遙控器、紙屏、推廣都存在著較大的門檻，難以成規模；也有人認為該業務“一點即達、內容即入口”具有極大的商業價值。
流媒體網認為，以上兩種說法都存在一定的道理，如果僅僅將紙屏（點看）看著一個產品或業務的話，其優劣都較為明顯。但是，如果把他看成是一種運營或給大屏賦能的模式呢？那么在技術、市場、產品具備的情況下，將擁有極其充分運營空間和價值！
2019年1月15日，在戰略轉型和產業變革的機遇期，流媒體網聯合易目唯共同舉辦的金屏獎，將以“運?贏下半場”為主題，圍繞視聽行業價值創新、運營創新、產品創新等方面設置多個獎項。了解更多金屏獎詳情，請關注流媒體網，今日流媒體小程序！
要選型一個流媒體服務器，故搜羅網上資料，整理出以下內容供參考
出處皆已標注鏈接
目錄
流媒體協議
直播流媒體協議
理解RTMP、HttpFlv和HLS的正確姿勢
流媒體文件支持格式
市面上主流的流媒體服務器歸納
38款流媒體服務器開源軟件
主流流媒體服務器介紹：
AMS/wowza/red5/SRS主要功能對照分析:
AMS(FMS)流媒體服務器系統
wowza流媒體服務器系統
Red5流媒體服務器系統
SRS流媒體服務器系統
SRS之深入淺出看流媒體：
Linux下視頻流媒體服務器搭建詳解
websocket+Media Source Extensions API
EasyDarwin
最終選型
其他資料
流媒體協議
RTMP&HLS（專用協議流式）實時流傳輸既可傳輸實況直播，也可傳輸完整的音視頻文件
HTTP漸進式(基于TCP):順序流媒體不可用于實況直播，僅能傳輸完整的音視頻文件
原則上，RTSP，RTMP，HTTP 都可以做直播和點播，
但一般做 直播用 RTSP和RTMP，做點播用 HTTP。
直播流媒體協議
https://blog.csdn.net/u011216417/article/details/72835402
RTP/RTCP/RTSP/WebRTC/RTMP/HLS
理解RTMP、HttpFlv和HLS的正確姿勢
https://www.jianshu.com/p/32417d8ee5b6
流媒體文件支持格式
MP4
3GP
FLV
F4V
MPEG-TS
市面上主流的流媒體服務器歸納
FMS（AMS）（Flash mediaserver） 商業級 收費
Red5 開源 (穩定性與性能差，大多作為個人使用)
Nginx-RTMP（主要用于點播）開源
Wowza （Wowza Streaming Engine） 商業級 收費
SRS （Simple Rtmp Server）
阿里云（視頻點播/直播等） 商業級 收費
若有興趣可以看看其他市面上的流服務器:
38款流媒體服務器開源軟件
https://www.cnblogs.com/lidabo/p/7418505.html
主流流媒體服務器介紹：
https://blog.csdn.net/datamining2005/article/details/55260491
FMS 4.x版本可破解版本
Red5穩定性不夠
Nginx推流偽流媒體(http漸進式)
AMS/wowza/red5/SRS主要功能對照分析:
http://www.cuplayer.com/player/PlayerCodeCourse/2017/11093244.html
AMS(FMS)流媒體服務器系統
Flash Media Server (簡稱FMS)，后更名為Adobe Flash Media Server (簡稱AMS)。它是較早（2002年）做流媒體服務器產品的，原公司是Macromedia，后來被Adobe收購了，它是流視頻和實時通信領域業界領先的解決方案，該產品可以快速搭建起一套流媒體直播、點播服務器。
wowza流媒體服務器系統
wowza全名是Wowza Streaming Engine，是一款非常優秀的流媒體服務器產品。也算是除了FMS產品之外的一個老版子產品，產品發布于2007年，他在HLS(m3u8)分發方面是非常不錯的。從wowza2.0到現在的wowza4.5，都曾關注和使用過他們的產品，總體來說性價比還是蠻高的。
Red5流媒體服務器系統
Red5 (media server) 流媒體系統，免費開源的是它最大的優點，也因此有很多用戶在使用它們的產品，然后不足在于占用服務器資源較高。
SRS流媒體服務器系統
SRS（Simple Rtmp Server）定位是運營級的互聯網直播服務器集群，追求更好的概念完整性和最簡單實現的代碼，這是該產品自己官方的介紹。值得一說的是，前面幾個產品都是國外的，而這個作者是國內的。
SRS之深入淺出看流媒體：
https://blog.csdn.net/zjqlovell/article/details/50786040
Linux下視頻流媒體服務器搭建詳解
https://blog.csdn.net/u011596455/article/details/79431116
websocket+Media Source Extensions API
當然也看到有人提出 websocket+Media Source Extensions API(比較小眾就不嘗試了，等下出問題了歇逼)
初級調研排除收費與Red5，接下來準備對比Nginx-RTMP于SRS和DSS這三種流服務器。
因為目標APP暫不提供直播功能，在點播領域的話使用HTTP協議即可。
EasyDarwin
恰巧國內有專門做開源解決方案EasyDarwin封裝了一整套流媒體框架
http://www.easydarwin.org/pdf/EasyDarwin_Introduction.pdf
所以花時間研究了下EasyDarwin這套解決方案。
發現！你妹，EasyDSS解決方案也分為開源和商業，開源的項目沒卵用，真正有用的項目是要錢的，基礎的點播模塊還需要商業版才能使用，凸，故放棄。
流媒體平臺框架 EasyDarwin
https://www.oschina.net/p/easydarwin
EasyDarwin開源項目（7Project）：
EasyDarwin開源項目至今包括有：EasyDarwin（開源流媒體服務器）、EasyCMS（中心管理服務器）、EasyCamera（云攝像機服務）、EasyClient（云平臺客戶端）、EasyAACEncoder（開源音頻編碼項目）、EasyAudioDecoder（開源音頻解碼項目）、EasyProtocol（開源云平臺協議）等多個項目，完整地構架了一套開源流媒體云平臺方案。
EasyDarwin商業項目（8Project）
同時，EasyDarwin開源團隊也開發了很多流媒體方面的商業項目，包括有：
EasyPlayer 是一款精煉、高效、穩定的流媒體播放器，分為RTSP版和Pro版本，EasyPlayer RTSP版本支持Windows(支持多窗口、包含ActiveX，npAPI Web插件)、Android、iOS多個平臺，EasyPlayerPro支持Android、iOS，支持各種各樣的流媒體音視頻直播/點播播放，項目地址：https://github.com/EasyDarwin/EasyPlayer；
EasyPusher 是一款簡單、高效、穩定的一款標準RTSP/RTP協議直播推送庫，支持將H.264/G.711/G.726/AAC等音視頻數據推送到RTSP流媒體服務器進行低延時直播或者視頻通信，支持Windows、Linux、ARM、Android、iOS等平臺，EasyPusher配套EasyDarwin流媒體服務器、EasyPlayer RTSP播放器適用于特殊行業的低延時應急指揮需求！項目地址：https://github.com/EasyDarwin/EasyPusher；
EasyNVR 攝像機（通用RTSP、Onvif攝像機）接入服務，EasyNVR能夠通過簡單的攝像機通道配置、存儲配置、云平臺對接配置、CDN配置等，將統監控行業里面的高清網絡攝像機IP Camera、NVR、移動拍攝設備接入到EasyNVR，EasyNVR能夠將這些視頻源 的音視頻數據采集到設備端，進行全平臺終端直播、錄像存儲、錄像檢索和錄像回放。并且EasyNVR能夠將視頻源的直播數據對接到第三方視頻平臺、CDN網絡，實現互聯網直播分發，具體接入方法見https://github.com/EasyDarwin/EasyNVR；
EasyIPCamera 是一套精煉、高效、穩定的RTSP服務器組件,調用簡單靈活,輕松嵌入部署到IPCamera中，并發性能屬于行業領先水平，廣泛應用于IPCamera RTSP服務、Android/Windows投屏/同屏直播服務，例如課堂教學同屏、會議同屏、廣告投放同屏等！項目地址：https://github.com/EasyDarwin/EasyIPCamera；
EasyRTMP 是一套調用簡單、功能完善、運行高效穩定的RTMP功能組件，經過多年實戰和線上運行打造，支持RTMP推送斷線重連、環形緩沖、智能丟幀、網絡事件回調，支持Windows、Linux、arm（hisiv100/hisiv200/hisiv300/hisiv400/etc..）、Android、iOS平臺，支持市面上絕大部分的RTMP流媒體服務器，包括Red5、Ngnix_rtmp、crtmpserver等主流RTMP服務器，能夠完美應用于各種行業的直播需求，手機直播、桌面直播、攝像機直播、課堂直播等等方面！項目地址：https://github.com/EasyDarwin/EasyRTMP；
EasyRTSPClient 是一套簡單、穩定、高效、易用的RTSPClient工具庫，支持Windows、Linux、ARM、Android、iOS等幾乎所有平臺，支持RTP Over TCP/UDP，支持斷線重連，能夠接入市面上99%以上的IPC，調用簡單且成熟穩定，能廣泛應用于播放器、NVR、流媒體系統級聯等產品中！項目地址：https://github.com/EasyDarwin/EasyRTSPClient；
EasyHLS 是一套簡單、可靠、高效、穩定的HLS直播切片SDK，能夠將實時的H.264視頻和AAC音頻流實時切片成可供WEB、Android、iOS、微信等全平臺客戶端觀看的HLS（m3u8+ts）直播流，搭配EasyRTSPClient、EasyAACEncoder等項目，可將大部分的安防攝像機對外進行HLS直播發布，同時也可靈活集成在各種流媒體服務中！項目地址：https://github.com/EasyDarwin/EasyHLS；
EasyRMS 是一套基于HLS協議的錄像與回放服務器，EasyRMS能夠將RTSP源獲取到本地進行本地存儲或者存儲到阿里云對象存儲OSS云存儲等第三方存儲平臺，同時EasyRMS提供錄像的檢索與查詢接口，檢索出錄像的HLS地址進行錄像回放！項目地址：https://github.com/EasyDarwin/EasyRMS；
EasyDarwin云平臺
EasyDarwin云平臺是一套由EasyDarwin、EasyCMS、EasyCamera、EasyClient、nginx、redis構成的完整云平臺架構，支持分布式、跨平臺、多點部署，流媒體服務器支持負載均衡，按需直播，非常適用于互聯網化的安防、智能家居、幼教平臺、透明廚房、透明家裝等多個行業應用：
最終選型
最后糾結的將范圍縮短為三個項目：DSS和SRS和Nginx
接下來分析這兩種流媒體對視頻點播的支持程度
分別展開介紹：
1.DSS：蘋果公司的Darwin Streaming Server(簡稱DSS)完全免費,沒有任何功能限制,且符合國際標準。但DSS在linux上的安裝比較繁瑣，所以大多數人會選擇easyDSS(就是上面提到的EasyDarwin)
2.SRS：(Simple Rtmp Server)一個采用MIT協議授權的國產的簡單的RTMP/HLS 直播服務器，其核心的價值理念在于簡單高效
一位瘋狂舔SRS的小哥哥說<SRS超級強，無所不能秒殺其他同類媒體服務器>
https://blog.51cto.com/renjunjie622/1782407
后SRS官方改名為:ossrs
github:
產品定位：https://github.com/ossrs/srs/wiki/v1_CN_Product
產品發展：https://ossrs.net/srs.release/releases/
總的來看SRS還是可以的…
附帶資料：
完整的直播+點播全端解決方案 https://blog.csdn.net/dipolar/article/details/64122168
3.Nginx-RTMP:
戰斗民族俄羅斯人民開發的一款NGINX的流媒體插件，除了直播發布音視頻流之外具備流媒體服務器的常見功能
比如推拉流媒體資源
基于HTTP的FLV/MP4 VOD點播
HLS (HTTP Live Streaming) M3U8的支持
基于http的操作（發布、播放、錄制）
可以很好的協同現有的流媒體服務器以及播放器一起工作
在線調用ffmpeg對流媒體進行轉碼
H264/AAC音視頻編碼格式的支持
linux/BSD/MAC系統的支持
因為我們如果做的點播的話不涉及直播板塊，幾乎還是使用HTTP協議，根據之前的一篇博文:(NGINX-RTMP風生水起有幾個很重要的因素。首先2012年開始CDN業務開始快速增長，隨之直播業務也需求暴漲，沒有特別滿意的流媒體服務器；其次，NGINX在HTTP領域絕對是霸主，大家對于NGINX系的熟悉程度很高，便于維護；再次，直播點播使用一套服務器，很有誘惑力，這可以算是“萬金油”效應，很多套服務器搞得焦頭爛額，肯定一套服務器能解決問題；最后，CDN是運維比技術牛逼的行業，運維的信心都是運行出來的，NGINX運行那么良好，那么NGINX-RTMP也肯定不錯。)
綜上所述，DSS我對他沒有什么好感，SRS是挺牛逼的但是總覺得用的話是大材小用，畢竟人家還是主做流直播的，轉點播也需要一點功夫。個人覺得可以上一波NGINX，一個原因是主要目標是視頻點播，上的還是HTTP服務，其次是Nginx這塊我們可能上手也比較OK。
其他資料
https://www.idcicp.com/assist/assistInfo_22381.html
CPU:兩顆至強E5530
內存:16GB
硬盤:2T
操作系統:CentOS 6.5 64bit
這樣子的一個配置大致是能滿足一個200-300人同時在線的短視頻app的需求的
http://www.webxun.com/newsxq_201.html
暫不考慮直播功能（美顏的算法與聊天室功能還是服務器壓力）
https://bbs.csdn.net/topics/300252276
lvc的live555的server端也小有名氣
https://blog.csdn.net/dxpqxb/article/details/83012950
srs andrioid直播推流(可以學習一下，不過先不碰直播這個板塊吧)
https://blog.csdn.net/yb1314111/article/details/84983568
抖音短視頻源碼中視頻排序模塊熱門列表解決方案
https://blog.csdn.net/vn9PLgZvnPs1522s82g/article/details/78780562
利用Simple-RTMP-Server搭建RTMP和HLS直播服務
https://blog.csdn.net/elesos/article/details/80899787
利用Nginx搭建RTMP視頻直播，點播服務器，ffmpeg推流，回看
下載的一些p2p流媒體服務的研究資料
鏈接：https://pan.baidu.com/s/1hwMk_YdeGFI1nwC6BVM3XQ
提取碼：rcjq
————————————————
版權聲明：本文為CSDN博主「我的浪漫與極端」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/u013202518/java/article/details/89956990
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
