音视频字幕平台活动

// 前端代码
const socket = new WebSocket('wss://your-websocket-server.com');
const mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });

const recognition = new webkitSpeechRecognition();
recognition.lang = 'en-US';
recognition.onresult = (event) => {
    const transcript = event.results[0][0].transcript;
    socket.send(JSON.stringify({ type: 'subtitle', text: transcript }));
};

recognition.start();
mediaStream.getAudioTracks()[0].applyConstraints({ advanced: [{ echoCancellation: true }] });

socket.onmessage = (event) => {
    const data = JSON.parse(event.data);
    if (data.type === 'subtitle') {
        displaySubtitle(data.text);
    }
};

function displaySubtitle(text) {
    const subtitleElement = document.getElementById('subtitle');
    subtitleElement.textContent = text;
}