内容比较简单，不做过多赘述，只做分享，测试demo，功能有些缺陷，希望路过的大佬多多指正
/(*/ω＼*)
WebRTC是实时通信的一种
navigator.mediaDevices是WebRTC API的一部分，它提供了一种访问用户设备的媒体输入输出的方式。通过这个API，开发者可以轻松地获取到用户的摄像头、麦克风等媒体设备，并进行实时音视频数据的采集和处理。
这个demo主要实现方式是navigator.mediaDevices，其他的操作体验辅佐了vant组件库，代码可以直接复制在vue项目里，记得装好vant组件库就行，文章中演示的写法是vue3语法糖
并且做的是移动端样式，但没有做适配，网页打开需要打开控制台移动端调试
还有一些小bug，比如用网页打开需要点击两次切换摄像头按钮，才会调出摄像头申请访问权限
demo以分享git，感兴趣的可以去看看
git仓库地址：点击传送
下面是源码展示，应该直接复制到vue3项目里就可以运行了
color="#FA9923" stroke-width="100" />
{{ content }}