Socket.io按钮监听器无法在移动设备上运行

时间:2017-10-28 15:58:14

标签: javascript node.js sockets socket.io mobile-browser

我在Node.js和socket.io中编写了一个Web应用程序。当用户点击一个按钮然后执行特定操作(在这种情况下,播放一个小音调)时,我有几个按钮监听器。出于某种原因,这些按钮在Chrome / Chromium中完美运行,但无法在Firefox或移动浏览器上运行(我已经在iOS上使用Safari并在Android上使用Chrome进行了测试)。

这是我的代码:

var socket = io.connect('http://localhost:5000');

var long = document.getElementById('long');
short = document.getElementById('short');

long.addEventListener('click', function() {
socket.emit('long', socket.id);
socket.broadcast.emit('audio file', {
    audio: true,
    audioBuffer: buf
});
});

short.addEventListener('click', function() {
socket.emit('short', socket.id);
socket.broadcast.emit('audio file', {
    audio: true,
    audioBuffer: buf2
});
});

socket.on('long', function(data) {
socket.broadcast.emit('audio file', {
    audio: true,
    audioBuffer: longbuf
});
console.log("Transmitting", socket.id);
});
socket.on('short', function(data) {
socket.broadcast.emit('audio file', {
    audio: true,
    audioBuffer: shortbuf
});
console.log("Transmitting", socket.id);
});

server.js

var express = require('express');
var socket = require('socket.io');
var fs = require('fs');
var app = express();
var server = app.listen(5000, function() {
console.log("Listening to requests on port 5000")
});

app.use(express.static('public'));

var io = socket(server);

io.on('connection', function(socket) {
console.log('New transmitter', socket.id);
fs.readFile(__dirname + '/public/sounds/trollism.wav', function(err, 
longbuf) {

    socket.on('long', function(data) {
        socket.broadcast.emit('long', data);
        console.log("Long press from " + socket.id);
        socket.broadcast.emit('audio file', {
            audio: true,
            audioBuffer: longbuf
        });

    });
});
    fs.readFile(__dirname + '/public/sounds/trollism2.wav', 
function(err, shortbuf) {

    socket.on('short', function(data) {
        socket.broadcast.emit('long', data);
        console.log("Short press from " + socket.id);
        socket.broadcast.emit('audio file', {
            audio: true,
            audioBuffer: shortbuf
        });

    });
});
});

感谢您的帮助。

编辑:决定转到jfriend00的路由并让客户端通过socket.emit()调用服务器。谢谢你的帮助!

1 个答案:

答案 0 :(得分:1)

首先,socket.broadcast.emit()不是客户端方法。这是服务器上可用的东西。客户端仅使用socket.emit()发送到服务器。

客户端不会直接向其他客户端发送消息 - 这不是socket.io的工作方式。 socket.io是从客户端到服务器的连接。虽然该方法可能适用于某些平台并向您的服务器发送消息,但它没有记录,不应在任何客户端平台上使用。

当您尝试使用未记录的socket.broadcast.emit()时,iOS实现可能不执行任何操作或出现某种内部错误。您应该使用socket.emit()代替。

如果要将消息从客户端中继到其他客户端,则可以创建自己的消息,然后将该消息发送到服务器以进行该活动,然后当服务器收到该消息时,服务器就可以向其他客户端广播。