とあるデベロッパーが、JavaScriptだけでどのようにしてAirDropを再現したか
タップ・クリックするだけで他のデバイスと簡単にファイルを共有できるAirDropをJavaScriptだけで再現したその仕組みを紹介します。 同一WiFiで利用でき、iOSやmacOSだけでなく、AndroidやWindowsでもあらゆるファイルを簡単に共有できます。 How One Developer Recreated AirDrop Using Just JavaScript by Abdisalan 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 新しいテクノロジーの使用 これがないとWebRTCは使用できない どのようにデータを保護しているか？ 使い慣れたUIとUX デバイスがWebRTCをサポートしていない場合はどうなりますか？ イベント駆動型のコードスタイル 自身でコードを調べる 終わりに はじめに iP
Webカメラ映像から人を消す - 無限壁破り駆動開発 <colspan=∞>
Webカメラ映像から人を消すJavascriptを実装しました。 @yabuki様の「風景から歩行者を消す手軽な方法」に発想を得て作成した物です。 風景から歩行者を消す手軽な方法 | 配電盤 Taro YABUKI (yabuki) on Twitter カメラへのアクセスを許可するとWebカメラ映像から人を消すスクリプトが発動します。 実装のポイントは以下の通りです。 WebRTCでWebカメラ映像取得する ピクセル単位のアクセスをしたいので、Webカメラ映像のバッファを不可視なCanvasに落とし込む Canvasのピクセルの平均値を計算する(全部の値は持っていられないので逐次更新する平均値とした) 平均値の計算結果を可視なCanvasに描画する 詳しくは下記ソースをご参照ください。 ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適
WebRTCを使ったP2Pファイル送受信·Sharefest MOONGIFT
Sharefestはnode.js/JavaScript製のオープンソース・ソフトウェア（Apache License 2.0）です。 ネットワークを介してファイルを送ろうと思ったらよく使われるのがファイルアップローダー系のサービスです。今回はサーバ上にファイルを保存することなく複数人への同時配信を可能にする、Sharefestを紹介します。 トップページです。まず共有したいファイルをドロップします。 そうするとURLが生成されます。この時点ではファイルはオンラインで送られていませんので、すぐにURLが表示されます。 別なブラウザからアクセスすると、すぐにダウンロードが開始されます。これはWebRTCを使ってリアルタイムに送受信が行われます。 SharefestはWebRTCを使って指定したファイルをP2Pで送信します。その際の共通のセッションとしてサーバを使っています。WebRTCなので
電話テキスト化サービス·WebRTCで電話を実現しつつ音声をテキスト化 MOONGIFT
WebRTCを使ってみたいなと思いつつもサーバの準備が必要でありなかなか手を出しづらいのが実情です。しかしNTTコミュニケーションズの提供するSkyWayを使えばフレキシブルなWebRTCが手軽に手に入ります。 そんなSkyWayを使ったサンプルソフトウェアが電話テキスト化サービスです。音声認識技術とも合わせることで、音声チャットをしながらそれをテキスト化するという面白いサービスになっています。 電話テキスト化サービスの使い方 2台のコンピュータとブラウザが必要です。片方からもう片方の方に表示されている番号に電話をかけます。 受電しました。応答しましょう。 つながっている状態です。マイクにしゃべると音声が聞こえて、さらにそれがテキストになってチャット画面に表示されます。 認識精度は高いです。 漢字がじゃっかん苦手？ SkyWayではビデオチャット、ファイル転送なども可能です。対応ブラウザと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[WebRTC] new RTCPeerConnection()を何回も呼ぶとメモリリークする - Qiita![[WebRTC] new RTCPeerConnection()を何回も呼ぶとメモリリークする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4effc5a39e3827e841aada93452354ce778fec46/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTA2NzYwJTJGcHJvZmlsZS1pbWFnZXMlMkYxNDczNzEwMDM1P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTI3NjczNjgwMTYxNjQ0M2FjMTg0NmQyYTMwY2Q0ZGM5%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Da20672cbe4ba9aa0bb37457861a3f85f%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCV2ViUlRDJTVEJTIwbmV3JTIwUlRDUGVlckNvbm5lY3Rpb24lMjglMjklRTMlODIlOTIlRTQlQkQlOTUlRTUlOUIlOUUlRTMlODIlODIlRTUlOTElQkMlRTMlODElQjYlRTMlODElQTglRTMlODMlQTElRTMlODMlQTIlRTMlODMlQUElRTMlODMlQUElRTMlODMlQkMlRTMlODIlQUYlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0wZWMxMzdjZDM2Zjg5MTRlMzQ3ZWFjNGFmOTVmODAzMg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBhbnFvb3FpZSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWRhNGM0OWVkMWE1MzMzMWU2YTYwYjMyZmQ3N2E1NjZh%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dad1753e7f73feb0beaa672741bfa7164)
