首页 > 编程知识 正文

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

时间:2023-05-03 14:40:04 阅读:218029 作者:1463

<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>

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。