从socket.io - node.js收到消息时播放客户端的音频

Question

我已经找了一段时间来解决这个问题，但没找到什么。

我的目标是接收来自udp客户端的消息，服务器接收该消息并将其转发给web客户端，web客户端在每次接收到消息时播放一个音频片段。但是，由于某种原因，音频无法播放。如果我直接从我的目录打开页面，音频可以播放，但是如果我试图通过本地主机访问它，它无法加载。有人知道解决办法吗？

这是客户端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();
});

此页面由服务器.js、节点.js文件使用 socket.io 和 express 提供。我没有从主机收到任何错误.log。这是服务器.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/

有人知道如何解决这个问题吗？

Answer 1

我们可以将音调上传到云存储，然后使用该源，如下所示

playAudio() {
let audio = new Audio()
audio.src ='https://res.cloudinary.com/Apple_Notification.mp3'
audio.load()
audio.play()
 }

每当新消息传入时，在客户端触发此函数

Answer 2

当静态文件的Express配置不正确时，通常会发生此错误。

从您的客户端 JavaScript 中，我可以看到您将静态文件存储在公用文件夹中。

因此，在服务器端的某个地方，您应该拥有这样的东西：

app.use('/public', express.static('/path/to/public'));

以这种方式 http://localhost/public/audio/Bloom.mp3 请求将与 /path/to/公共/音频/Bloom.mp3文件一起提供。

注意事项：

从Express 4开始，将“不再有app.use(app.router)”和“所有路由方法将按出现的顺序添加”。这意味着您必须将上面的代码行放在first app.get(...)，< code>app.post(...)等。

希望这些信息对某人有所帮助。