html5 语音直播,一种基于HTML5浏览器的音视频直播方法与流程
技術特征:
1.一種基于HTML5瀏覽器的音視頻直播方法,其特征在于,包含以下步驟:
步驟S1、網絡服務器通過WebRTC建立主播端瀏覽器和用戶端瀏覽器之間的通信連接;
步驟S2、用戶端瀏覽器接收和處理主播端發送的直播數據。
2.如權利要求1所述的基于HTML5瀏覽器的音視頻直播方法,其特征在于,所述的主播端瀏覽器和用戶端瀏覽器都采用HTML5瀏覽器。
3.如權利要求2所述的基于HTML5瀏覽器的音視頻直播方法,其特征在于,所述的步驟S1具體包含以下步驟:
步驟S1.1、主播登錄主播端瀏覽器,與網絡服務器建立WebSocket連接,通過Media Stream API瀏覽器接口獲取來自主播端設備的音視頻數據流;所述的音視頻數據流包含:音頻軌道和視頻軌道;
步驟S1.2、用戶登錄用戶端瀏覽器,與網絡服務器建立WebSocket連接;
步驟S1.3、網絡服務器建立主播端和用戶端之間的信道;
網絡服務器使用ICE框架來實現NAT穿越,建立信道在主播端和用戶端之間傳遞信令。
4.如權利要求3所述的基于HTML5瀏覽器的音視頻直播方法,其特征在于,所述的步驟S1.1中,所述的主播端設備包含:連接Media Stream API瀏覽器接口的攝像頭和話筒。
5.如權利要求3所述的基于HTML5瀏覽器的音視頻直播方法,其特征在于,所述的步驟S1.3中,所述的信令包含:
會話信息:用來初始化通信和報錯;
網絡配置:IP地址和端口;
媒體適配:發送方和接收方的瀏覽器能夠接受的編碼器和分辨率。
6.如權利要求2所述的基于HTML5瀏覽器的音視頻直播方法,其特征在于,所述的步驟S2包含以下步驟:
用戶端瀏覽器接收并展示主播端發送的直播數據;
用戶端瀏覽器處理彈幕數據。
7.如權利要求6所述的基于HTML5瀏覽器的音視頻直播方法,其特征在于,所述的用戶端瀏覽器接收并展示主播端發送的直播數據的步驟具體包含:
用戶端瀏覽器通過RTC Peer Connection API瀏覽器接口接收主播端發送的音頻流和視頻流,并通過HTML5瀏覽器的Video標簽展示音頻流和視頻流;
用戶端瀏覽器通過RTC Data Channel API瀏覽器接口接收并展示主播端發送的文字數據。
8.如權利要求7所述的基于HTML5瀏覽器的音視頻直播方法,其特征在于,所述的文字數據包含:文件和彈幕消息,通過彈幕層展示彈幕消息。
9.如權利要求6所述的基于HTML5瀏覽器的音視頻直播方法,其特征在于,所述的用戶端瀏覽器處理彈幕數據的步驟具體包含:
用戶端瀏覽器通過RTC Data Channel API瀏覽器接口發送彈幕消息給主播端;
用戶端瀏覽器通過WebSocket連接發送彈幕消息給網絡服務器。
10.如權利要求2-9中任意一項所述的基于HTML5瀏覽器的音視頻直播方法,其特征在于,網絡服務器還通過WebSocket連接給用戶端瀏覽器發送其他用戶端發送的彈幕消息,用戶端瀏覽器通過彈幕層展示彈幕消息。
總結
以上是生活随笔為你收集整理的html5 语音直播,一种基于HTML5浏览器的音视频直播方法与流程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 机器学习之回归总结
- 下一篇: HCIA RS题库及解析(2018版)