使用
socket.io
推送二进制的文件,比如音频、视频等,emmm,突然想到我那个项目。https://github.com/veaba/express-nuxt,里面涉及到一个live 的page,可以翻译LOL 的视频直播字幕的转换,期待。。
socket.io
背后的主要思想是:你可以使用你想要的任何数据发送和接受你想要的任何事件,比如可以编码为json的对象,甚至也支持二进制数据。
让我们这样做,以便当用户键入消息时,服务器将其作为聊天消息事件获取。 index.html
中的scripts
部分现在应该如下所示:
<script src="/socket.io/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script>
$(function () {
var socket = io();
$('form').submit(function(e){
e.preventDefault(); // prevents page reloading 放置页面重新加载
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
});
});
</script>
然后, 在index.js
中,我们打印出来chat message
事件:
io.on('connection',(socket)=>{
socket.on('chat message',(msg)=>{
console.log('message:'+msg)
})
})
提醒,关于以上代码的路径,是实际开发中,存在偏差,主要是jquery的路径,如果是本地文件,则需要做一层设置,以下为笔者的设置:
在index.js
中,增加一个static
目录,存放jquery
的本地文件
app.use(express.static('test/static'))
在 index.html
中
<script src="/socket.io/socket.io.js"></script><!--这个部分,在node端,会添加一层中间默认路由给它自己-->
<script src="jquery-1.11.1.js"></script>
结果将会像这个视频展示的一样:https://i.cloudup.com/transcoded/zboNrGSsai.mp4