vue实现调用摄像头

优游涵泳斋

已于 2024-08-12 21:09:16 修改

阅读量670

点赞数 1

文章标签： vue.js 前端 javascript

于 2024-08-12 21:08:43 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_48433993/article/details/141142059

版权

代码摘自

VUE调用pc端摄像头_vue 中调用电脑摄像头-优快云博客

目前跑了一下很有意思

html

<template>
<!--  原生摄像头-->
    <div>
      <div class="box">
        <video id="videoCamera" class="canvas" :width="videoWidth" :height="videoHeight" autoPlay></video>
        <canvas id="canvasCamera" class="canvas" :width="videoWidth" :height="videoHeight"></canvas>
      </div>
      <div>
        <el-button @click="photographBtn" icon="el-icon-camera" size="small">拍照</el-button>
        <el-button v-if="os" @click=