songjvcheng/WebRtc_QingGan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

同new_male 分支一样修改问题
All checks were successful
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 1m7s
Details

Browse Source
This commit is contained in:
宋居成 2025-08-11 15:24:05 +08:00
parent 15374be668
commit 7075e58331
2 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/index.js
View File

@ -334,6 +334,8 @@ class WebRTCChat {
} }
// 设置视频流 // 设置视频流
this.recordedVideoBuffer.style.zIndex = "1";
this.recordedVideo.style.zIndex = "2";
this.currentVideoStream = defaultStream; this.currentVideoStream = defaultStream;
this.recordedVideo.srcObject = defaultStream; this.recordedVideo.srcObject = defaultStream;
this.recordedVideoBuffer.srcObject = this.precreatedStreams.get(this.interactionVideo); this.recordedVideoBuffer.srcObject = this.precreatedStreams.get(this.interactionVideo);
@ -360,7 +362,11 @@ class WebRTCChat {
}; };
checkReady(); checkReady();
}); });
this.avatarContainer.style.display = 'none';
// 隐藏等待连接提示
this.hideConnectionWaiting();
// 确保视频开始播放 // 确保视频开始播放
try { try {
await this.recordedVideo.play(); await this.recordedVideo.play();
@ -1117,10 +1123,11 @@ class WebRTCChat {
hideConnectionWaiting() { hideConnectionWaiting() {
if (this.connectionWaiting) { if (this.connectionWaiting) {
this.connectionWaiting.classList.remove('show'); this.connectionWaiting.classList.remove('show');
// 等待动画完成后隐藏元素 this.connectionWaiting.style.display = 'none';
setTimeout(() => { // // 等待动画完成后隐藏元素
this.connectionWaiting.style.display = 'none'; // setTimeout(() => {
}, 300); // this.connectionWaiting.style.display = 'none';
// }, 300);
} }
} }
@ -1161,14 +1168,17 @@ class WebRTCChat {
this.startButton.disabled = true; this.startButton.disabled = true;
this.startButton.style.opacity = '0.5' this.startButton.style.opacity = '0.5'
this.stopButton.disabled = false; this.stopButton.disabled = false;
// 隐藏头像，显示视频
if (this.videoContainer) {
this.videoContainer.classList.add('calling');
}
// 显示结束通话按钮 // 显示结束通话按钮
this.stopButton.style.display = 'block'; this.stopButton.style.display = 'block';
// 隐藏头像，显示视频
if (this.videoContainer) {
this.videoContainer.classList.add('calling');
}
this.updateAudioStatus('已连接', 'connected'); this.updateAudioStatus('已连接', 'connected');
this.logMessage('音频通话已开始', 'success'); this.logMessage('音频通话已开始', 'success');
@ -1186,8 +1196,7 @@ class WebRTCChat {
// 开始播放当前场景的默认视频 // 开始播放当前场景的默认视频
// await this.precreateImportantVideos(); // await this.precreateImportantVideos();
// 隐藏等待连接提示
this.hideConnectionWaiting();
} catch (error) { } catch (error) {
this.logMessage(`开始通话失败: ${error.message}`, 'error'); this.logMessage(`开始通话失败: ${error.message}`, 'error');

2
src/minimaxi_stream.js
View File

@ -68,7 +68,7 @@ async function processAudioQueue() {
const sayName = '8-4-sh' const sayName = '8-4-sh'
const targetVideo = window.webrtcApp.interactionVideo const targetVideo = window.webrtcApp.interactionVideo
// 如果是第一个音频片段，触发视频切换 // 如果是第一个音频片段，触发视频切换
if (isFirstChunk && sayName != window.webrtcApp.currentVideoTag && window.webrtcApp && window.webrtcApp.switchVideoStream) { if (sayName != window.webrtcApp.currentVideoTag && window.webrtcApp && window.webrtcApp.switchVideoStream) {
try { try {
console.log('--------------触发视频切换:', sayName); console.log('--------------触发视频切换:', sayName);
window.webrtcApp.switchVideoStream(targetVideo, 'audio', '8-4-sh'); window.webrtcApp.switchVideoStream(targetVideo, 'audio', '8-4-sh');