CrossRoadスマートフォン用の表示で見るCrossRoadAR、MR、VR、Babylon.jsを中心とした技術ブログ。Musicに関する勉強会が開催されました。時間が経ってしまいましたが、ブロガー枠での参加というのもあり、当日の講演内容をまとめました。Kawaiさんのまとめは下記の通りです。参加者の方のまとめが公開されていたので追加します。Audio/MIDI関連の開発者向けのMeetup(勉強会)です。JPが合同で開催いたします。引用:https://connpass.com/event/139407/参加者は約60名です。WebXR関係の勉強会はなかなかないので、60人規模はかなり大きいと思います。会場は株式会社メルカリです。@hochsaysGoogleの方の発表です。タイトル通り、ここ9年のWebAudioの歴史を解説されています。Documentで公開してくださっており、話す内容も書いてありました。個人的印象に基づく、という前提の上で、Choi氏は9年間を2つに分けて説明されていました。2010-2015年は前半です。ここでは代表的なものを抜粋して解説します。(Chromeブラウザの元となっているWebブラウザ)にWAAのパッチを当てた詳細は未確認ですが、下記にWAA仕様を和訳したドキュメントがありました。たしかに2010年に提案されているようです。off最新を含む原文全体はこちらです。APIなお、2011年からWAA仕様の議論が始まったとのことです。APIについて説明されています。メーリングリスト冒頭MIDIは1983年に考案されていたのは知りませんでした。APIですが、少し調べると色々情報が出てきます。参考までに掲載します。MIDIとは?という説明も入っており、大変わかりやすいです。(2015)ta-music.net比較的新しい情報です。Workerという仕組みがあります。これは、以下のように定義されています。Workerの仕組みを用いて音声処理を行う仕組みです。コンテキストで音声処理をおこなえます。Workletに統合されたようです。Workletについては、下記に詳しい解説がありました。WorkletがChrome(M63)に搭載2018:PropellerHead社が自社製品「Reason」にWebブラウザで動くシンセサイザー機能を搭載PropellerHead社のHPです。シンセサイザー「Europa」に搭載とのことです。www.propellerheads.jp2016年以降は、色々な製品や事例が出始めたということですね。WebSpatial(空間的な)でのAudioについても、参考までに紹介されていました。関係しそうな技術名だけ紹介されていましたので、リンクを貼っておきます。@cwilsoこちらもGoogleの方の発表です。Web上でのWebXRについて解説されていました。講演スライドは下記です。こちらも話す内容が書かれています。docs.google.comあと、講演スライドにリンクがあったので、WebXRのGithubアカウントも貼っておきます。WebXRがこれからの主流になるとのことです。私が色々調べているBabylon.jsにもWebXRのドキュメントがありました。doc.babylonjs.comWebVRとWebXRの違いについては、日本語でわかりやすい解説があったので、参考までにリンクを掲載します。qiita.com上記記事にも載っていますが、WebXRはまだ不安定な可能性があります。Engineなどの方が安心という気がしました。WebXRの状況VR:Chrome、FireFoxブラウザでは対応が進んでおり、2019年内には正式対応する可能性ありなお、現時点でも対応はしています。Chromeブラウザで"Chrome://flags"にアクセスすると設定画面が出ます。ここで、webxrと検索するとこのような画面が出ます。確認バージョンは76.0.3809.132です。MacOSのChrome(77.0.3865.75)では、webxrの設定が出てきませんでした。AR:まだ時間がかかりそうMacigLeapが試験的に対応中だが、WebXRのARについては設計含めてまだ検討が必要WebXRのGithubリポジトリを見てみましたが、ARについては下記のみでした。2019/8にReadmeを書いたのみで特に議論は進んでいません。WebXRのARの仕様を書いたドキュメントです。Pagesを使ってWebページとして公開されています。Group詳しくはこちらです。PlayCanvasとは?公式HPから引用します。PlayCanvasは、インタラクティブなウェブコンテンツ用のビジュアル開発プラットフォームです。作成するツールとウェブアプリは、どちらもHTML5を使用しています。プラットフォームはウェブでホストされているため、インストールするものは何もなく、対応されているウェブブラウザを実行する任意のデバイスからアクセスできます。PlayCanvasPLAYCANVAS社が開発をしており、日本ではGMOクラウド株式会社が販売しています。下記の画像の通り、かなりたくさんのことができて便利です。日本公式サイトアカウントを作ることで無料で使えます。料金は下記の通りです。日本公式サイトブラウザ上でUnityのようなエディタもあるので、開発しやすそうです。以下のゲームの作り方を解説されています。sandy-chan.firebaseapp.com構成です。Questに対応しているようです。引用元:PlayCanvasで始めるWebXRSlideShareのP.19-25までで細かい作り方を紹介されています。PlayCanvasでARコンテンツを作る方法ARコンテンツを作るには2つの方法があります。Engineただ、2017年の8月で更新が止まっているので、あまり活発ではなさそうです。8thWall8thWallとは、8thWall社が公開しているWebブラウザ向けARコンテンツの作成プラットフォームです。発表では8thWallと連携した使い方を説明されていました。このように、環境光の反映、SLAM機能などかなりの多機能です。RealitySlideShareのP.28-32までで細かい作り方を紹介されています。Audio向けのライブラリ開発者の方の発表です。X-SoundというWeb向けのシンセサイザーAPIを開発されています。発表された方からご指摘により、4.1.1と4.1.2の表現を少し修正しました。表現ずれ、申し訳ありませんでした。Rocksたとえば、こちらのように、Webサイト上で音に合わせて波形を変化させるようなエフェクトを作ることができます。シミュレートするライブラリgithub.comデモhttps://codepen.io/Korilakkuma/pen/yLBEpOpデモでは、楽器の種類、エコー、音量などをGUIで変更できます。ページを下にスクロールすると楽譜も見えます。氏g200kgご自身のWebサイトや制作物の紹介をされていました。以下、発表中に紹介されていた内容です。Musicは初めてだったので知らないことが多く、全体を通してとても勉強になりました。次回開催があれば、WebXR関係で何か発表できればと思います。2019の3日目の投稿です。Viewerの環境構築手...ARCoreが1.9になりました。WebXRの内容をまとめました先日、Facebook主催のカンファレンス「F8」が開催されました。#15」に参加しました。»ProfileAR、MR、VR、Babylon.jsを中心とした技術ブログです。広く色々な技術を勉強するのが好きで、あれこれ書いています。詳細なプロフィールはこちらをご確認ください。2020)■プライバシーポリシー■こちらに記載しておりますのでご確認ください。■お問い合わせ■こちらよりお願いいたします。月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。