音频未在 iphone 上播放(反应 360)
Audio is not playing on iphone (react 360)
我正在非常努力地使用 React 360 在我的手机 phone 上播放音频。通过阅读各种文档,我了解到为了在手机上播放音频,我需要制定一个html 创建用户交互的实体。一旦用户通过单击按钮进行交互,音频就应该能够在移动设备上播放。好像不是这样。
在我的 index.html
文件中,我有以下代码:
<html>
<head>
<title>ExampleVR</title>
<style>body { margin: 0; }</style>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<!-- Attachment point for your app -->
<div id="container">
<button id="enter" onclick="enterApp();">
Click to Enter VR
</button>
</div>
<script src="./client.bundle?platform=vr"></script>
<script>
// Initialize the React 360 application
function enterApp() {
React360.init(
'index.bundle?platform=vr&dev=true',
document.getElementById('container'),
{
assetRoot: 'static_assets/',
}
);
}
</script>
</body>
</html>
如您所见,我创建了 html 按钮,单击该按钮会加载我的 React 360 代码。但是,当我在手机上点击一个VrButton
时,它仍然没有播放。我遵循了文档中的建议,它适用于桌面上的所有浏览器,但移动设备除外。有谁知道如何解决这个问题?
这是解决音频问题的方法:
我正在非常努力地使用 React 360 在我的手机 phone 上播放音频。通过阅读各种文档,我了解到为了在手机上播放音频,我需要制定一个html 创建用户交互的实体。一旦用户通过单击按钮进行交互,音频就应该能够在移动设备上播放。好像不是这样。
在我的 index.html
文件中,我有以下代码:
<html>
<head>
<title>ExampleVR</title>
<style>body { margin: 0; }</style>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<!-- Attachment point for your app -->
<div id="container">
<button id="enter" onclick="enterApp();">
Click to Enter VR
</button>
</div>
<script src="./client.bundle?platform=vr"></script>
<script>
// Initialize the React 360 application
function enterApp() {
React360.init(
'index.bundle?platform=vr&dev=true',
document.getElementById('container'),
{
assetRoot: 'static_assets/',
}
);
}
</script>
</body>
</html>
如您所见,我创建了 html 按钮,单击该按钮会加载我的 React 360 代码。但是,当我在手机上点击一个VrButton
时,它仍然没有播放。我遵循了文档中的建议,它适用于桌面上的所有浏览器,但移动设备除外。有谁知道如何解决这个问题?
这是解决音频问题的方法: