python与html网页websocket视频通信，上硬货了

看抖音直播有遥控4g小车去买东西的。突然想自己做个遥控机器人给自己办事。AI当然不能差但是后期再说，把道路随便用神经网络映射下就可以自主送货了。

好了不吹牛了，第一步是视频通讯，如果远端是Windows当然最好容易开发但是成本太高了，闲置安卓手机虽然多，但是安卓编程阅读成本太高。剩下一个跨平台的html网页应用开发简单快速就选它了。服务端就用python。如果Windows平台肯定选UDP速度最快,可是网页环境只有tcp，只有玩websocket了。

上代码遍布下去了，复制粘贴就可以用。
细节自己去摸索吧。语音下个文章发。本地环境，上服务器环境我现在还用不到。
python服务器端代码

import base64
import asyncio
import websockets
import cv2
import math
import npasync def echo(websocket, path):#fetch msgasync for message in websocket:#print("got a message:{}".format(message))#image = np.asarray(bytearray(message), dtype="uint8")#print(message)imm=base64.b64decode(message.split(',')[1])#去掉类型头#print(len(imm))im=np.asarray(list(imm), dtype="uint8")#解码成cv2可阅读的格式im2 = cv2.imdecode(im, cv2.IMREAD_COLOR)cv2.imshow('Image',im2)cv2.waitKey(1)#await websocket.send(message)async def main():#async with websockets.serve(echo, "192.168.1.102", 8765):await asyncio.Future()  # run foreverasyncio.run(main())

网页端

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>自由网 -FD</title>
</head>
<body><video id="video" src=""></video><canvas id="canvas"></canvas>
</body>
<script>//媒体对象var video = document.getElementById('video')var canvas = document.getElementById('canvas')canvas.width = 400;canvas.height = 300;const mediaStreamConstraints = {video: true, audio: false,video: {width: 400,height: 300,facingMode: "environment"}};
function gotLocalMediaStream(mediaStream) {video.srcObject =  mediaStream//创建并实力化video.play();onetu();onetu();onetu();
}
// Create WebSocket connection.
const socket = new WebSocket('ws://192.168.1.102:8765');// Connection opened
socket.addEventListener('open', function (event) {});// Listen for messages
socket.addEventListener('message', function (event) {console.log('Message from server ', event.data);
});
navigator.mediaDevices.getUserMedia(mediaStreamConstraints).then(gotLocalMediaStream).catch();var context = canvas.getContext("2d"); //c创建对象setInterval(function(){ //setTimeout(function(){//var co =   context.drawImage(video,0,0);//剪切图像//console.log(co)img = context.getImageData(0, 0, 400, 300)//获取图片信息data = img.data//获取图片信息context.putImageData(img,0,0)im=canvas.toDataURL("image/jpe")//console.log(im)//im2=base64ToBlob(im,"image/jpe")//console.log(Date())//打印时间if (socket.readyState==1){socket.send(im);}                                }, 43)   //赋值粘贴即可用不懂的地方自己慢慢百度。注意ip地址填对，或者填本地。</script>
</html>

怎么传视频我想秀一波。
需要审核，审核通过后我再贴进来。

websocket视频通讯

本节完，下节声音通讯，差点把我弄奔溃了，视频十几分钟的事，以为语音那不是两三分钟的事。虽然我们经常使用语音的即时通讯，但是此内容属于生僻内容非常难以跑通代码。网上又搜不到例子，我来打样例吧。

python与html网页websocket视频通信，上硬货了相关推荐

python做一个网页、让用户上传数据_一个简单的网站爬虫教程，让你了解爬虫的步骤，爬虫网页数据采集...
Apple iPhone 11 (A2223) 128GB 黑色移动联通电信4G手机双卡双待 4999元包邮去购买 > 前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业 ...
python爬取网页的视频
这里指定了一个视频的链接地址: http://f.us.sinaimg.cn/000bIRNylx07uBalSO1y0104120cNh4r0E050.mp4?label=mp4_hd&te ...
Python如何下载网页上的视频
Python如何下载网页上的视频 1.在电脑上创建一个文件夹 2.在文件夹里输入cmd 3.回车 4.输入 pip install you-get 回车 5.输入you-get 自己喜欢的视频链接回 ...
通过python建立一个web服务查看服务器上的文本、图片、视频等文件
通过python建立一个web服务查看服务器上的文本.图片.视频等文件文章目录: 1 在服务器端开启一个服务 2 在本地浏览器中输入服务器的ip地址 1 在服务器端开启一个服务 python -m ...
Python爬虫人工智能大数据全栈视频史上最全合辑教程分享！
Python爬虫人工智能大数据全栈视频史上最全合辑教程分享! 毫无疑问Python是这两年最火的编程语言,不仅容易上手,且在多个行业都可应用.尤其今年人工智能及大数据的发展,Python将会展现更多的 ...
AAAI2021 大运动“视频超分辨”中的对偶子网与多阶通信上采样方案
关注公众号,发现CV技术之美作者单位:西电.鹏城实验室论文链接:https://arxiv.org/pdf/2103.11744.pdf 编者言: 视频超分辨率(VSR)任务中第一个设计对偶学习的 ...
python获取网页元素坐标_html网页元素在屏幕上的坐标获取
今天在用python调用IE获取html网页元素在屏幕上的坐标,当然为了截图啦,(*^__^*) 嘻嘻-- xtop=ie.document.forms[i].elements[j].getBound ...
python下载网页上的文件_用Python下载一个网页保存为本地的HTML文件实例
Python打开网页并另存为静态html怎么实现如何用python把网页上的文本内容保存下来那一世的长情,谱一首长相思,冷了多少凄凉,漫了多少青丝,化作多少烟雨,吹散多少世间情!徒悲,奈何,这一世, ...
参考 | Python 下载网页端视频
Python | 下载网页端视频

python与html网页websocket视频通信，上硬货了

看抖音直播有遥控4g小车去买东西的。突然想自己做个遥控机器人给自己办事。AI当然不能差但是后期再说，把道路随便用神经网络映射下就可以自主送货了。

python与html网页websocket视频通信，上硬货了相关推荐

最新文章

热门文章