![](/img/trans.png)
[英]Send Message to Socket, from C# client to node.js + socket.io server
[英]Play Audio from client when message is recieved from socket.io - node.js
我已经搜索了一段时间以寻找解决此问题的方法,但没有找到太多。
我的目标是从 udp 客户端接收消息,服务器接收该消息并将其转发到 Web 客户端,该客户端在每次收到消息时播放音频剪辑。 但是,由于某种原因,音频将无法播放。 如果我直接从我的目录打开页面,可以播放音频,但如果我尝试通过 localhost 访问它,则无法加载。 有谁知道解决方案?
这是客户端javascript。
var mySound = new Audio('/public/audio/Bloom.mp3');
mySound.load();
var socket = io.connect('http://localhost');
socket.on('message', function(data){
console.log(data);
$('#content').text(data);
mySound.play();
//document.getElementById('audiotag1').play();
});
该页面由 server.js 提供,这是一个使用 socket.io 和 express 的 node.js 文件。 我的 console.log 没有收到任何错误。 这是 server.js
var app = require('express')()
, server = require('http').Server(app)
, io =require('socket.io')(server)
, dgram = require('dgram');
var httpPort = 1234;
var udpPort = 5000;
server.listen(httpPort);
app.use(server.express.static( __dirname + '/public'));
app.get('/', function(request, response){
var ipAddress = request.socket.remoteAddress;
console.log("New express connection from: " + ipAddress);
response.sendfile(__dirname + '/public/index.html');
});
var udpSocket = dgram.createSocket('udp4', function(msgBuffer){
var jsonMessage = JSON.parse(msgBuffer);
io.sockets.emit('message', JSON.stringify(jsonMessage));
});
udpSocket.bind(udpPort, '127.0.0.1');
您可以转到此链接查看 chrome 的错误。 http://postimg.org/image/xkv7a2kwb/
有没有人对如何解决这个问题有任何想法?
当静态文件的Express配置不正确时,通常会发生此错误。
从您的客户端JavaScript我可以看到你存储在您的静态文件public
文件夹。
因此,在服务器端的某处,您应该具有以下内容:
app.use('/public', express.static('/path/to/public'));
这样一来, http://localhost/public/audio/Bloom.mp3
请求将与/path/to/public/audio/Bloom.mp3
文件一起提供。
警告:
从Express 4开始, “不再有app.use(app.router)”和“将按照出现的顺序添加所有路由方法”。 这意味着您必须将以上代码行放在第一个app.get(...)
, app.post(...)
等之前。
希望此信息对某人有帮助。
我们还可以将音调上传到云存储并使用如下所示的源
playAudio() {
let audio = new Audio()
audio.src ='https://res.cloudinary.com/Apple_Notification.mp3'
audio.load()
audio.play()
}
每当新消息进来时在客户端触发此功能
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.