首先是在前台页面
注:canvas是图形容器
假设给定一个直播按钮
//开始直播
$("#start_live").click(function ()
{
var live_ws = new WebSocket("ws://47.95.207.226:10010");
//获取容器 (视屏是由一针一针的图片组成
var canvas = document.getElementById("output");
var context = canvas.getContext("2d");//返回一个用于在画布上绘图的环境 返回的是二维的
//视屏标签的对象
var video = document.getElementById("sourcevid");