이 프레임 워크 https://aframe.io/ 를 사용하여 가상 현실 사이트를 개발합니다. 장면에는 비디오 텍스처가있는 구가 있습니다. 데스크톱 및 일부 Android 장치에서는 잘 작동하지만 iPhone 6에서는 비디오 재생을 시작할 수 없습니다. Mobile Safari는 비디오의 첫 번째 프레임 만 표시합니다. 아무도이 문제를 해결하는 방법에 대한 아이디어가 있습니까?
다음은 코드입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Player</title>
<meta name="description" content="Player">
<script src="https://aframe.io/releases/latest/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-camera position="0 0 0" cursor="fuse: true; maxDistance: 30; timeout: 3000" wasd-controls-enabled="true"></a-camera>
<!-- Creating 360 deg screen -->
<a-videosphere src="/images/super_cute_cat.mp4" autoplay="true" loop="true" rotation="0 0 0"></a-videosphere>
</a-scene>
</body>
</html>
이 문제는 https://github.com/aframevr/aframe/issues/316#issuecomment-183006679에 자세히 설명되어 있습니다.
iOS는 인라인 비디오 재생에 제한이 있습니다. webkit-playsinline비디오 요소 를 정의해야합니다 . 그리고 그것이 작동하려면 앱을 홈 화면에 고정해야합니다.
현재 iOS가이 제한을 다시 검토 할 때까지이 경험을 돕기 위해 iOS 용 모달을 개발 중입니다.
편집 : 또는 앱을 홈 화면에 고정 할 필요가 없습니다. 그러나 비디오 텍스처는 iOS 비디오 플레이어에서 시작됩니다. 사용자는이 비디오를 닫은 다음 위로 스크롤하여 브라우저 크롬을 숨길 수 있습니다. 그러나이 경험은 앱을 홈 화면에 고정하는 것보다 더 나쁠 것입니다. 특히 비디오 텍스처가 두 개 이상인 경우 더욱 그렇습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다