浏览器中如何实时通过websocket进行实时语音通话传输?
网友回复
我们以php的swoole搭建一个websocket服务器
<?php $server = new Swoole\WebSocket\Server("0.0.0.0", 9502, SWOOLE_PROCESS, SWOOLE_SOCK_TCP | SWOOLE_SSL); $server->set([ 'daemonize' => false, 'ssl_cert_file' => "/data/cert/6284283_web.debug.only.bfw.wiki.pem", 'ssl_key_file' => "/data/cert/6284283_web.debug.only.bfw.wiki.key", ]); $server->on('open', function($server, $req) { echo "connection open: {$req->fd}\n"; }); $server->on('message', function($server, $frame) { //echo "received message: {$frame->data}\n"; // 确保我们处理的是二进制数据 //if ($frame->opcode == WEBSOCKET_OPCODE_BINARY) { // 广播音频数据到所有其他连接的客户端 // foreach($server->connections as $fd) { // if($fd != $frame->fd) { // $server->push($fd, $frame->data, WEBSOCKET_OPCODE_BINARY); // } // } // } $server->push($frame->fd, $frame->data,WEBSOCKET_OPCODE_BINARY); }); $server->on('close', function($server, $fd) { echo "connection close: {$fd}\n"; }); $server->start();html代码如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>实时语音通话</title> </head> <body> <button id="startBtn">开始通话</button> <button id="stopBtn">结束通话</button> <script> let ws; let mediaStream; let audioContext; let mediaStreamSource; let processor; document.getElementById('startBtn').onclick = s...
点击查看剩余70%
为啥所有的照片分辨率提升工具都会修改照片上的图案细节?
js如何在浏览器中将webm视频的声音分离为单独音频?
微信小程序如何播放第三方域名url的mp4视频?
ai多模态大模型能实时识别视频中的手语为文字吗?
如何远程调试别人的chrome浏览器获取调试信息?
为啥js打开新网页window.open设置窗口宽高无效?
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音?
js中mediaRecorder如何录制window.speechSynthesis声音音频并下载?
python如何直接获取抖音短视频的音频文件url?
js在浏览器中如何使用MediaStream与MediaRecorder实现声音音频多轨道混流?