基于websocket实现本地web语音聊天

double.

已于 2024-09-21 16:34:01 修改

阅读量2k

点赞数 46

文章标签： websocket 前端网络协议

于 2024-09-21 16:33:21 首次发布

本文链接：https://blog.youkuaiyun.com/qq_30914487/article/details/142419160

版权

基于libwebsockets库实现语音聊天

1、关于libwebsocket库自行编译
2、client使用html+js 代码
3、服务端代码

1、关于libwebsocket库自行编译

2、client使用html+js 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多人语音聊天</title>
</head>
<body>
    <h1>多人语音聊天</h1>
    服务器地址: <input type="text" id="serverAddress" placeholder="ws://10.114.139.161:12345">
    <button id="connectButton">连接</button>
    <button id="startButton" disabled>开始</button>
    <button id="stopButton" disabled>停止</button>
    <audio id="audio" autoplay></audio>

    <script>
        const audio = document.getElementById('audio');
        const serverAddress = document.getElementById('serverAddress');
        const connectButton = document.getElementById('connectButton');
        const startButton = document.getElementById('startButton');
        const stopButton = document.getElementById('stopButton');

        let ws = null;
        let mediaRecorder;
        let audioContext;
        let source;
		let reader;
		let receivedBlobs = []; // 用于缓存ArrayBuffer片段

        connectButton.addEventListener('click', () => {
     
            const url = serverAddress.value;
            if (url) {
     
                ws = new WebSocket(url);
                ws.onopen = () => {
     
                    console.log('连接到服务器');
                    connectButton.disabled = true;
                    startButton.disabled = false;

最低0.47元/天解锁文章