h5调用手机相机和录音机_H5调用照相机等设备
时间: 2023-10-24 13:04:44 浏览: 97
H5调用手机相机和录音机可以通过HTML5的API实现。以下是调用相机和录音机的示例代码:
调用相机:
```html
<input type="file" accept="image/*" capture="camera">
```
在移动设备上,设置`capture`属性为`camera`即可调用相机。
调用录音机:
```html
<audio id="myAudio" controls></audio>
<button onclick="startRecording()">开始录音</button>
<button onclick="stopRecording()">停止录音</button>
<script>
var stream, recorder;
function startRecording() {
navigator.mediaDevices.getUserMedia({ audio: true })
.then(function (s) {
stream = s;
recorder = new MediaRecorder(stream);
recorder.start();
recorder.ondataavailable = function (e) {
var audio = document.getElementById('myAudio');
audio.src = URL.createObjectURL(e.data);
}
});
}
function stopRecording() {
recorder.stop();
stream.getTracks().forEach(function (track) { track.stop(); });
}
</script>
```
以上代码会请求用户授权访问麦克风,然后调用录音机进行录音。录音完成后,将录音数据转换成URL,然后将URL设置为音频元素的`src`属性,即可播放录音。
阅读全文