<body>
<div id="captureImage" class="capture-media">
<label for="imageFile">Capture Photo</label>
<input id="imageFile" type="file" capture="environment" accept="image/*" />
<img id="imagePreview" class="preview" />
</div>
<div id="captureVideo" class="capture-media">
<label for="videoFile">Capture Video</label>
<input id="videoFile" type="file" capture="environment" accept="video/*" />
<video id="videoPreview" class="preview" controls></video>
</div>
<div id="captureSelfie" class="capture-media">
<label for="selfie">Capture Selfie</label>
<input id="selfie" type="file" capture="user" accept="image/*" />
<img id="selfiePreview" class="preview" />
</div>
</body>
See the Pen
捕获来自设备摄像头/麦克风的照片/视频输入 by liu874396180 (
@liu874396180) on
CodePen.
直接预览: https://liu874396180.github.io/captureImage/
594

被折叠的 条评论
为什么被折叠?



