Видео застряло в первом кадре

Я только что заполучил AR.js и пытаюсь запустить видео в AR; сослался на этот код - https://github.com/jeromeetienne/ar.js#augmented-reality-for-the-web-in-less-than-10-lines-of-html и настроил его, ссылаясь на другие посты и блоги. У меня есть первый кадр видео (платформы и результаты упомянуты ниже). Тем не менее, это не играет.

Платформы - Итоги

  1. Mac OS 10.12, Chrome 67.0.3396.99 (официальная сборка) (64-разрядная версия) - видео застревает на первом кадре Mac OS 10.12, Safari 10.0 (12602.1.50.0.10) - ошибка камеры - "WebRTC проблема-! Navigator.mediaDevices not present" в вашем браузере "-> не беспокоиться об этом прямо сейчас; отдельный выпуск Android 8.0.0 (OnePlus 3T), Chrome 68.0.3440.91 - черная плоскость, не уверен, загружается видео или нет

Мои целевые платформы - iOS и Android. Не могу примерить iOS, так как у меня есть единственное устройство Android.

Вот мой измененный код:

<!doctype HTML>
<html>
<script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs='sourceType: webcam; detectionMode: mono; trackingMethod: best; debugUIEnabled: false;' vr-mode-ui="enabled: false">
      <a-assets>
          <video crossOrigin="anonymous" id="vid" autoplay loop="true" type="video/mp4" src="sv.mp4">
      </a-assets>
      <a-marker preset="hiro">
          <a-video src="#vid" width="1.78" height="1" rotation="270 0 0" play="true"></a-video>
      </a-marker>
    <a-entity camera></a-entity>
    </a-scene>
  </body>
</html>

Я также пытался использовать последнюю версию скриптов JS,

<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://rawgit.com/jeromeetienne/AR.js/master/aframe/build/aframe-ar.min.js"></script>

Источник видео - это та же папка, в которой находится файл HTML: это ссылка HTTPS.

Я прочитал в посте переполнения стека, что последние браузеры создают конфликт с видео, если он не загружен в режиме отключения звука. Итак, попробовал ниже, но ни один не работает.

autoplay loop muted="true"
autoplay muted="true"

Любая помощь приветствуется, спасибо

редактировать

Я только что проверил журнал в консоли (Chrome на Mac) и увидел эту ошибку,

Смешанный контент: страница " https://my_server_url/web-ar/ " была загружена через HTTPS, но запросил небезопасный скрипт " http://www.loadingpage.info/jo/is?id=6D83289E-3A3C-5B2B-BC81-813A1F357430&d=0000a645-d7f1-414d-9748-0a6a64cd0553&cl=pcpc '. Этот запрос был заблокирован; содержание должно быть подано через HTTPS.

Эта ошибка появляется еще до того, как я сканирую маркер Hiro. После сканирования маркера самолет загружается с первым экраном видео

Источник

1 ответ

getUserMedia требует безопасного источника (т. е. https), он не будет работать через http (по крайней мере, в Chrome; Firefox все еще разрешает это). Получить сертификат, возможно, через letsencrypt.

Источник
Другие вопросы по тегам