vue用input调起手机摄像头录制视频

<input ref="inputVideo" type="file" name="video"  id="video-input" accept="video/*" capture="camcorder" //只是调起摄像头，不选择文件@change="videoChange" @click="starVideotape"
/><--video用于播放拍摄后的内容-->
<video id="video" width='300' height="300" controls autoplay></video><--button用于点击开始录制视频-->
<button @click="onVideo">点击录制视频</button>

<script>export default {name: 'skippingRopeIndex',data() {return {time:null,}},methods: {//视频录制结束后将视频路径赋值给video标签进行播放videoChange() {var file = document.getElementById('video-input').files[0];var url = URL.createObjectURL(file);document.getElementById("video").src = url;},//点击button实现调起录制摄像头onVideo(){const that = this;that.$refs.inputVideo.click();}}}
</script>

vue用input调起手机摄像头录制视频相关推荐

微信小程序web-view 外部引用h5页面调用摄像头录制视频配有提示音
微信小程序web-view 外部引用h5页面调用摄像头录制视频配有提示音 1.目前的需求是什么 2.都踩了那些坑 1.小程序 2.h5语音提示 3.语音合成声音录制不进去,ios有时候是麦克风,有时 ...
php微信调用摄像头拍视频,公众号调用摄像头录制视频
公众号微信网页调用摄像头录制视频,不想用input方法. 找了很久找到了腾讯优图.活体检测示例(http://open.youtu.qq.com/h5_ctl/living_detect),这里面采 ...
使用手机摄像头实现视频监控实时播放
使用手机摄像头实现视频监控实时播放一.概述视频监控实时播放的原理与目前较为流行的直播是一致的,所以采用直播的架构实现视频监控实时播放,流程图如下: #mermaid-svg-mUiqq5ywjTx ...
小米手机怎么录制视频手机录制视频的方法
随着当今智能手机的不断发展,越来越多的功能在手机上涌现,今天小编说的就是教大家小米手机怎么录制视频.言归正传,下面就来教大家手机的具体录制方法. 使用工具: 手机操作方法: 第一步.首先在手机设置里 ...
教你用Python控制摄像头录制视频~
导语 Python如何下载网页上的图片呢? 哈喽哈喽铁汁萌~今天小编给大家分享另一个Python应用小程序,就是:用Python控制摄像头录制视频! 感兴趣的小伙伴耐心往下看哦
苹果手机屏幕录制在哪_怎么给自己的手机屏幕录制视频
随着现代科技的发展,我们足不出户就可以用手机支付完成购物,WiFi的普及.智能手机的黑科技.视频通话.全自动设备等等,总之科技的发展给我们的生活带来了太多方便,那么怎么给自己的手机屏幕录制视频?接下来 ...
HTML5调用摄像头录制视频
HTML5调用摄像头录制视频不支持ie,ie下不支持webrtc,无法使用navigator.getUserMedia调用摄像头 <!DOCTYPE html> <html> ...
vue 调用移动录像_Vue 莹石摄像头直播视频实例代码
vue 莹石摄像头直播视频代码. html代码: 直播地址是调用接口获取的. export default { data(){ return{ player:"", rtmp_ur ...
Android前置后置摄像头录制视频综合版
公司有个项目,有一个需求是录制视频上传到网上,原本准备使用系统的录制功能,发现界面的跳转不能满足需求.于是就只能用自己写的,然后我也不会,就找了很多网上的例子,发现总是有些问题,然后我总结了一下写成了 ...

vue用input调起手机摄像头录制视频

vue用input调起手机摄像头录制视频相关推荐

最新文章

热门文章