Sai*_*chi 2 html javascript iphone ios webrtc
您好,我正在尝试将 iphone 摄像头广播到 html 画布。最近,当我在 ipad pro 上测试时,WebRTC 接缝工作正常,但是当我测试 HTML 和 js 文件的脚本时,它不显示广播,只显示黑屏,有人面临这个问题吗?
我在ubuntu 16.04上创建了一个https服务,并使用我的iphone上的浏览器访问index.html页面
这是我的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<h3>Selfie</h3>
<div class="booth">
<video id="video" width="640" height="360" autoplay></video>
</div>
<script src="js/video.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是 JavaScript
(function() {
var video = document.getElementById('video');
/* Setting up the constraint */
var facingMode = "user"; // Can be 'user' or 'environment' to access back
or front camera (NEAT!)
var constraints = {
audio: false,
video: {
facingMode: facingMode
}
};
/* Stream it to video element */
navigator.mediaDevices.getUserMedia(constraints).then(function
success(stream) {
video.srcObject = stream;
});
})();
Run Code Online (Sandbox Code Playgroud)
然而,有一个很好的教程也适用于 ipad,但不适用于 iphone,我使用了多个浏览器,但没有帮助,你可以尝试这个介绍https://www.html5rocks.com/en/tutorials/getusermedia/介绍/ 了解我的意思,
| 归档时间: |
|
| 查看次数: |
2627 次 |
| 最近记录: |