前端页面 也就是主播页面
<!DOCTYPE html>
<html>
<head>
<title>直播</title>
<meta charset=utf-8>
<meta name=description content="">
<meta name=viewport content="width=device-width, initial-scale=1">
</head>
<body>
<center>
<video autoplay id="sourcevid" style="width:320px;height:240px"></video>
<canvas id="output" style="display:none"></canvas>
</center>
<script type="text/javascript">
var socket = new WebSocket('ws://127.0.0.1:9090');
//获取容器 (视频是由一帧一帧的图片组成)
var canvas = document.getElementById('output');
//返回一个用于在画布上绘图的环境 返回的是二维的
var context = canvas.get