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