H5 から AR 機能呼び出す方法

2年 ago
光, 明
1 minute

AR機能付きアプリをH5で起動するには、まずお使いのデバイスにAR機能対応アプリがインストールされており、かつそのアプリがH5によるAR機能起動のインターフェースを備えていることを確認します。

よくあるやり方が以下です。

  1. H5ページに、AR機能を起動する操作を実行するためのボタンまたはリンクを作成します。
  2. JavaScriptのコードでクリックイベントリスナーを追加し、ユーザーがそのボタンをクリックした際に、適切な関数が呼び出されるようにします。
document.getElementById('arButton').addEventListener('click', function() {
// 调起AR功能的代码
});
  1. AR機能を呼び出す際は、クリックイベントのハンドラ関数が関連APIを呼び出すようにします。アプリ自体の方法が異なる場合があります。通常、アプリが提供するURLスキームまたUniversal Linkを呼び出すことで実現できます。
document.getElementById('arButton').addEventListener('click', function() {
// 调起AR功能的代码
window.location.href = 'yourapp://ar'; // 使用URL Scheme调起AR功能
});
  1. window.location.href
document.getElementById('arButton').addEventListener('click', function() {
// 调起AR功能的代码
window.location.href = 'https://yourapp.com/ar'; // 使用Universal Link调起AR功能
});

アプリによって実装方法やコードが異なる場合がありますので、このコードはあくまでも例としてご参考ください。利用の際は必ずアプリ提供元のドキュメントやインターフェースの説明をご覧いただき、理解した上でご使用ください。

bannerAds