tensorflow.jsとWebRTCを組み合わせて、プライバシー保護のビデオチャットを作ってみた（前編）WebRTCTensorFlow.js はじめに これはInfocom Advent Calendar 2019 15日目の記事です。 過去に社内でWebRTCを使ったビデオ会議のデモをした際に、「在宅勤務で使うときに、部屋の様子（背景）を隠して通話できないか？」というリクエストを受けたことがありました。プライバシー保護言えば顔や人物を隠すことを想定していましたが、周囲の方を隠したいとの要望があることにちょっと驚きました。 今回はそれができるように、次の要素を組み合わせたサンプルを作ったので紹介します。 tensorflow.js の人体検出モデル tfjs-models/body-pix (Apache 2.0 ライセンス) WebAudioを使ったピッチシフト Pitch shi

実装してみて、とても簡単にボディトラッキングや領域分割を実装できるのがよく分かりました。そのため開発者は、それらの処理はBodyPixに任せて、ビジネスロジックに集中することができそうです。 また、ブラウザで実行できるので、スマホでもアプリインストールなしで使えます。スマホであればほぼ必ずカメラがついていますので、非常に相性がよいですね。 ただ、全てクライアントでの処理になるので、処理速度は端末に依存します。特にリアルタイムの場合、処理する解像度が大きいと処理速度が落ち、フレームレートが遅くなってしまいます。解像度を小さくするなどして、処理速度が落ちないような工夫は必要です。 drawPixelatedMaskのバグに注意 drawPixelatedMaskは人の範囲をピクセルマスクしてくれる面白いメソッドです。ただこのメソッドには、人が映ってないとエラーを吐いて止まるバグがありました（実

.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

Web Music とは, Web (ブラウザ) をプラットフォームにした音楽アプリケーション, あるいは, そのような Web アプリケーションを実装するために必要となる, クライアントサイドの JavaScript API の総称です. これは, 一般的な技術用語ではなく, ある種の技術マーケティング的な造語です. 具体的には, 以下のような, クライアントサイド JavaScript API の総称です. Web Audio API HTMLMediaElement (HTMLAudioElement) WebRTC Web MIDI API WebCodecs API Web Audio API, HTMLMediaElement, WebRTC に関しては, 本サイト制作開始時点の 2023 年時点で W3C recommendation となっており, モダンブラウザであれば利

コンプレッサーとは？ コンプレッサーは振幅の大きな音を (相対的に) 小さく, 振幅の小さな音を (相対的に) 大きくすることによって, クリッピング (振幅値のオーバーフロー) による意図しない歪みを防止しつつ, 迫力のあるサウンドに変化させるエフェクトです. コンプレッサー 音楽ジャンルにもよりますが, ロックやポップスのレコーディングには必ず利用されるエフェクターです. コンプレッサー Web Audio APIでコンプレッサーを実装することは, エフェクターの実装において, おそらくもっとも簡単です. なぜなら, コンプレッサーのためのDynamicsCompressorNodeクラスが定義されており, そのインスタンスを生成して接続するだけでコンプレッサーとして利用できるからです. また, コンプレッサーは原音の振幅を相対的に増減させる必要があるので, インサート型エフェクトです

Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

こんにちは、菊池です。 AWSの東京リージョン開設からちょうど10周年となる本日2021年3月2日、日本国内2番目となる大阪リージョン（ap-northeast-3）が正式に利用可能になりました。 AWS Asia Pacific (Osaka) Region Now Open to All, with Three AZs and More Services 大阪でのリージョン提供は、2018年2月にローカルリージョンという制限付きリージョンとして、すでに開始されていました。そして、昨年には2021年初頭に正式リージョンへの昇格もアナウンスされていました。 大阪リージョンの特徴と制限を調べてみた [速報]AWS大阪リージョン開設がアナウンスされました!!(2021年初頭予定) マネジメントコンソールからは通常のリージョンと同様に選択可能になっています。また、近年追加される新リージョンでは、

Amazon Web Services (AWS) is announcing the launch of Asia Pacific (Osaka) as a standard AWS Region, expanding Osaka from its design as a Local Region. The number of Availability Zones (AZs) in Asia Pacific (Osaka) is increasing from one to three, the service portfolio is expanding, and new pricing options are available. The expansion of the Osaka Region is a continuation of our initiatives to sup

ライセンス Creative Commons — 表示 - 非営利 - 改変禁止 4.0 国際 — CC BY-NC-ND 4.0 著者 商用 WebRTC SFU 開発者 WebRTC プロトコルスタック実装者 End to End Encryption プロトコルスタック実装者 前提 WebRTC はプロトコル名ではない WebRTC で採用されているプロトコルをここでは WebRTC としている 結論 WebRTC を採用すべき 独自プロトコルは採用は検証コストが高いためおすすめできない WebTransport はまだまだ策定中のため体力がない限り 2021 年時点では採用すべきではない 独自プロトコルを採用するべきかどうか そもそも独自プロトコルはプロトコルが非公開なことが多いです。また SDK などもソースコードが非公開のことが多いです。 つまりプロトコルでもベンダーロックされ