amass/ZLMediaKit
1
0
Fork 0
mirror of https://github.com/ZLMediaKit/ZLMediaKit.git synced 2024-11-25 04:08:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Optimization syntax (#2915)

Browse Source 
Optimization web rtc demon syntax
This commit is contained in:
Deepslient 2023-11-18 00:50:30 +08:00 committed by GitHub
parent 7865f2c360
commit 48ca0521cf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
www/webrtc/index.html
View File

@ -155,44 +155,47 @@
audioEnable:document.getElementById('audioEnable').checked, audioEnable:document.getElementById('audioEnable').checked,
videoEnable:document.getElementById('videoEnable').checked, videoEnable:document.getElementById('videoEnable').checked,
recvOnly:recvOnly, recvOnly:recvOnly,
resolution:{w:w,h:h}, resolution:{w,h},
usedatachannel:document.getElementById('datachannel').checked, usedatachannel:document.getElementById('datachannel').checked,
} }
); );
player.on(ZLMRTCClient.Events.WEBRTC_ICE_CANDIDATE_ERROR,function(e) player.on(ZLMRTCClient.Events.WEBRTC_ICE_CANDIDATE_ERROR,function(e)
{// ICE 协商出错 {
console.log('ICE 协商出错'); // ICE 协商出错
console.log('ICE 协商出错');
}); });
player.on(ZLMRTCClient.Events.WEBRTC_ON_REMOTE_STREAMS,function(e) player.on(ZLMRTCClient.Events.WEBRTC_ON_REMOTE_STREAMS,function(e)
{//获取到了远端流，可以播放 {
console.log('播放成功',e.streams); //获取到了远端流，可以播放
console.log('播放成功',e.streams);
}); });
player.on(ZLMRTCClient.Events.WEBRTC_OFFER_ANWSER_EXCHANGE_FAILED,function(e) player.on(ZLMRTCClient.Events.WEBRTC_OFFER_ANWSER_EXCHANGE_FAILED,function(e)
{// offer anwser 交换失败 {
console.log('offer anwser 交换失败',e); // offer anwser 交换失败
stop(); console.log('offer anwser 交换失败',e);
stop();
}); });
player.on(ZLMRTCClient.Events.WEBRTC_ON_LOCAL_STREAM,function(s) player.on(ZLMRTCClient.Events.WEBRTC_ON_LOCAL_STREAM,function(s)
{// 获取到了本地流 {
// 获取到了本地流
document.getElementById('selfVideo').srcObject=s; document.getElementById('selfVideo').srcObject=s;
document.getElementById('selfVideo').muted = true; document.getElementById('selfVideo').muted = true;
//console.log('offer anwser 交换失败',e)
//console.log('offer anwser 交换失败',e)
}); });
player.on(ZLMRTCClient.Events.CAPTURE_STREAM_FAILED,function(s) player.on(ZLMRTCClient.Events.CAPTURE_STREAM_FAILED,function(s)
{// 获取本地流失败 {
// 获取本地流失败
console.log('获取本地流失败'); console.log('获取本地流失败');
}); });
player.on(ZLMRTCClient.Events.WEBRTC_ON_CONNECTION_STATE_CHANGE,function(state) player.on(ZLMRTCClient.Events.WEBRTC_ON_CONNECTION_STATE_CHANGE,function(state)
{// RTC 状态变化 ,详情参考 https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/connectionState {
// RTC 状态变化 ,详情参考 https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/connectionState
console.log('当前状态==>',state); console.log('当前状态==>',state);
}); });
@ -267,19 +270,20 @@
} }
} }
function on_click_to_play(app, stream) { function on_click_to_play(app, stream) {
console.log(`on_click_to_play: ${app}/${stream}`); console.log(`on_click_to_play: ${app}/${stream}`);
var url = `${document.location.protocol}//${window.location.host}/index/api/webrtc?app=${app}&stream=${stream}&type=play`; var url = `${document.location.protocol}//${window.location.host}/index/api/webrtc?app=${app}&stream=${stream}&type=play`;
document.getElementById('streamUrl').value = url; document.getElementById('streamUrl').value = url;
start(); start();
} }
function clearStreamList() { function clearStreamList() {
let content = document.getElementById("olstreamlist"); let content = document.getElementById("olstreamlist");
while (content.hasChildNodes()) { while (content.hasChildNodes()) {
content.removeChild(content.firstChild); content.removeChild(content.firstChild);
} }
} }
function fillStreamList(json) { function fillStreamList(json) {
clearStreamList(); clearStreamList();
if (json.code != 0 || !json.data) { if (json.code != 0 || !json.data) {
@ -308,6 +312,7 @@
} }
} }
} }
async function getData(url) { async function getData(url) {
const response = await fetch(url, { const response = await fetch(url, {
method: 'GET' method: 'GET'
@ -316,11 +321,13 @@
//console.log(data); //console.log(data);
return data; return data;
} }
function get_media_list() { function get_media_list() {
let url = document.location.protocol+"//"+window.location.host+"/index/api/getMediaList?secret=035c73f7-bb6b-4889-a715-d9eb2d1925cc"; let url = document.location.protocol+"//"+window.location.host+"/index/api/getMediaList?secret=035c73f7-bb6b-4889-a715-d9eb2d1925cc";
let json = getData(url); let json = getData(url);
json.then((json)=> fillStreamList(json)); json.then((json)=> fillStreamList(json));
} }
setInterval(() => { setInterval(() => {
// get_media_list(); // get_media_list();
}, 5000); }, 5000);