Javascript 如何在Android和iOS上打开前置摄像头并使用Vue.Js拍照？

我正在开发一个pwavue.Js应用程序，我需要用手机上的前置摄像头给用户拍照

我已经在我的桌面浏览器上做了一些代码工作，但在手机上没有成功

以下是我迄今为止尝试过的方法：

<template>
  <div id="camera">
    <div>
      <video ref="video" id="video" width="100%" height="100%" autoplay/>
    </div>
    <div>
      <button id="snap" v-on:click="capture()">Snap Photo</button>
    </div>
    <canvas ref="canvas" id="canvas" width="100%" height="100%"/>>
  </div>
</template>


快照
>
为什么要使用您跟随的按钮html 5标记它将起作用：

<input type="file" accept="image/*" capture="camera" />