Javascript 将iphone前置摄像头广播到HTML元素无法运行iOS 11.2_Javascript_Html_Ios_Iphone_Webrtc

Javascript 将iphone前置摄像头广播到HTML元素无法运行iOS 11.2

javascript html ios iphone webrtc

Javascript 将iphone前置摄像头广播到HTML元素无法运行iOS 11.2,javascript,html,ios,iphone,webrtc,Javascript,Html,Ios,Iphone,Webrtc,大家好，我正在尝试将iphone摄像头广播到html画布。最近，当我在ipad pro上测试WebRTC seams时，它运行良好，但当我测试HTML和js文件的scrpit时，它不会显示broacasting，而是只显示一个黑色scrain，有人面临这个问题吗我在ubuntu 16.04上创建了一个https服务，并使用iphone上的浏览器访问index.html页面这是我的密码 <!DOCTYPE html> <html> <head>

大家好，我正在尝试将iphone摄像头广播到html画布。最近，当我在ipad pro上测试WebRTC seams时，它运行良好，但当我测试HTML和js文件的scrpit时，它不会显示broacasting，而是只显示一个黑色scrain，有人面临这个问题吗

我在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>

不过，有一个很好的教程也可以在ipad上使用，但不能在iphone上使用，我使用了几种浏览器，但没有帮助，你可以试试这个介绍

为了理解我的意思，

如图所示，将playsinline添加到视频元素中

谢谢Philipp，我遵循了很多教程，没有人提到这个属性，这让我很头疼。为什么其他关于修复这个该死的问题的文章都没有提到这一点。谢谢你的提问

(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;
    });
})();