<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p>🎄本エントリは『WebXR』をテーマにしたアドベントカレンダー『<a href="https://adventar.org/calendars/7401" target="_blank" rel="nofollow noopener noreferrer">WebXR ( WebVR/WebAR ) Advent Calendar 2022</a>』の Day 6 のエントリです。</p>
</div></aside>
<h1 id="vr-hmd-%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B-url-%E5%85%A5%E5%8A%9B%E3%81%8C%E9%9D%A2%E5%80%92%E3%81%A8%E3%81%84%E3%81%86%E8%AA%B2%E9%A1%8C">
<a class="header-anchor-link" href="#vr-hmd-%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B-url-%E5%85%A5%E5%8A%9B%E3%81%8C%E9%9D%A2%E5%80%92%E3%81%A8%E3%81%84%E3%81%86%E8%AA%B2%E9%A1%8C" aria-hidden="true"></a> VR HMD ブラウザにおける URL 入力が面倒という課題</h1>
<p>WebXR コンテンツを VR HMD 実機のブラウザ、例えば Meta Quest Browser で閲覧するとき、ブラウザのアドレスバーに対象サイトの URL を打ち込んだり、あるいは検索して辿り着くのは少し面倒ではないですか? 今でこそスマートフォン向け Oculus アプリの Remote Keyboard を使えばスマートフォンで打ち込んだ文字列を Meta Quest Browser に送ることができますが、もう少しスマートにできると嬉しいです。</p>
<h1 id="web-launch">
<a class="header-anchor-link" href="#web-launch" aria-hidden="true"></a> Web Launch</h1>
<p>そんな状況を解決するひとつの手として 2022-11-30 付で Web Launch 機能ローンチされ、その概要が Meta Quest for Developers のエントリーで公開されていました。</p>
<blockquote>
<p>We’re excited to see how you use these features to push what’s possible with WebXR, and we're continuing to improve how people access your websites in VR on Meta Quest. That’s why today, we’re announcing Web Launch, a new feature that lets people easily jump into VR when they’re viewing your WebXR experience on web or mobile devices.</p>
</blockquote>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__106b231b57fe6" src="https://embed.zenn.studio/card#zenn-embedded__106b231b57fe6" data-content="https%3A%2F%2Fdeveloper.oculus.com%2Fblog%2Fwebxr-web-launch-mobile-matterport%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://developer.oculus.com/blog/webxr-web-launch-mobile-matterport/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://developer.oculus.com/blog/webxr-web-launch-mobile-matterport/</a></p>
<p>この機能は既に Matterport のページに実装されています。スマートフォン向け Oculus アプリをインストールした状態で “よく見慣れた” カードボードアイコンをタップすると、Meta Quest 2 が推奨されている “View Space in virtual reality” のページが開きます。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/f8fe071c3fd1-20221206.jpg" alt width="300" loading="lazy" class="md-img"></p>
<p>画面右下の OPEN IN QUEST ボタンをタップすると、Oculus アプリが立ち上がり、Open Now ボタンをタップすると Oculus アプリに紐づけている Oculus デバイスを選択する画面になり、デバイスを選択すると、そのデバイスの Meta Quest Browser で対象のページが表示されます。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/3b8cf8284ddb-20221206.jpg" alt width="300" loading="lazy" class="md-img"></p>
<p>百聞は一見にしかずで、Meta Quest for Developers で紹介されている YouTube 動画がとてもわかりやすいです。</p>
<p><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/6J8qUYqlPNs" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/watch?v=6J8qUYqlPNs" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=6J8qUYqlPNs</a></p>
<h1 id="web-launch-%E3%81%AE%E5%AE%9F%E8%A3%85%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#web-launch-%E3%81%AE%E5%AE%9F%E8%A3%85%E6%96%B9%E6%B3%95" aria-hidden="true"></a> Web Launch の実装方法</h1>
<p>Web Launch の実装方法は至ってシンプルで <code>https://www.oculus.com/open_url/?url=</code> に続けて、URL エンコードした HTTPS 始まりの URL を続けるだけです。</p>
<div class="code-block-container"><pre class="language-html"><code class="language-html">https://www.oculus.com/open_url/?url=<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>url_to_open_in_headset</span><span class="token punctuation">&gt;</span></span>
</code></pre></div><p>URL エンコードが必要なので <code>https://</code> の部分は <code>https%3A%2F%2F</code> になります。</p>
<p>より詳しい内容は Oculus ドキュメントを参照してください。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__82ff02010b6dd" src="https://embed.zenn.studio/card#zenn-embedded__82ff02010b6dd" data-content="https%3A%2F%2Fdeveloper.oculus.com%2Fdocumentation%2Fweb%2Fweb-launch%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://developer.oculus.com/documentation/web/web-launch/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://developer.oculus.com/documentation/web/web-launch/</a></p>
<h1 id="webxr-%E5%AF%BE%E5%BF%9C%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB-web-launch-%E6%A9%9F%E8%83%BD%E3%81%8C%E3%81%A4%E3%81%84%E3%81%9F%E3%82%89-oculus-meta-browser-%E3%81%A7%E3%81%AE%E9%96%B2%E8%A6%A7%E3%81%8C%E6%8D%97%E3%82%8B%E3%81%8A%E8%A9%B1%E3%81%97">
<a class="header-anchor-link" href="#webxr-%E5%AF%BE%E5%BF%9C%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB-web-launch-%E6%A9%9F%E8%83%BD%E3%81%8C%E3%81%A4%E3%81%84%E3%81%9F%E3%82%89-oculus-meta-browser-%E3%81%A7%E3%81%AE%E9%96%B2%E8%A6%A7%E3%81%8C%E6%8D%97%E3%82%8B%E3%81%8A%E8%A9%B1%E3%81%97" aria-hidden="true"></a> WebXR 対応ウェブサイトに Web Launch 機能がついたら Oculus Meta Browser での閲覧が捗るお話し</h1>
<p>というわけで世の中の WebXR 対応ウェブサイトに Web Launch 機能がついたら Oculus Meta Browser での閲覧がめちゃくちゃ捗ると思っています。実際のところ世の中の VR HMD は Oculus 系以外にも存在しているので、カードボードアイコンで Oculus 系の VR HMD を起動というのは “強い” 感じかもしれませんが、例えば “Meta Quest で開く” のようなボタンであれば親切かもしれないですね。</p>
<p>というわけで WebXR 対応ウェブサイトをお持ちの皆さんは実装してもらえると嬉しいですし、願わくば A-Frame をはじめとした WebXR 対応フレームワークにもアドオンとして実装されると嬉しいですね！</p>
<p>現場からは以上です！</p>


#WebXR 対応ウェブサイトに Web Launch 機能がついたら Oculus Meta Browser での閲覧が捗るお話

VR HMD ブラウザにおける URL 入力が面倒という課題

WebXR 対応ウェブサイトに Web Launch 機能がついたら Oculus Meta Browser での閲覧が捗るお話し

Discussion