タグ

WebRTCとCanvasに関するdaabtkのブックマーク (2)

  • WebRTCを試すときにオッサンが映り続ける問題に対処する - Qiita

    はじめに WebRTCを使ったアプリを作る際に、切っても切れないのがカメラ映像の取得です。ノート型のPCで作業したりすると、延々と自分の顔を見続けなければなりません。そこで、自分の顔の替わりに好きな動画をメディアストリームとして流すサンプルを作って見ました。 仕組み 動画ファイルの変換 ユーザにローカルの動画ファイルを指定してもらう(ファイル選択 or ドラッグ&ドロップ) FileオブジェクトからURLを生成 (window.URL.createObjectURLを利用) それをVideoタグで再生 継続的にCanvasタグに転写 (window.requestAnimationFrameを利用) CanvasタグからMediaStreamを取り出す (Canvas.captureStreamを利用) 音声ファイルの変換 ユーザにローカルの音声ファイルを指定してもらう(ファイル選択 or

    WebRTCを試すときにオッサンが映り続ける問題に対処する - Qiita
  • Electronで次世代キ○タマを作った - Qiita

    どうも、Electronを触っているけど頑なにAtomエディタは使わない @Quramy です(Vim好きだからね!). 何年も前に一世を風靡したAntinnyよろしく、5分毎にデスクトップのキャプチャを取得し、画像をTwitterにuploadするアプリケーションを作成しました. Quramy/electron-disclosure このアプリを使って、作成されたツイートが下記です: Captured by https://t.co/Iiwtinz3f7 at Sun, 31 May 2015 08:46:49 GMT pic.twitter.com/jS09qh8cqs — quramy_dev (@Quramy_dev) 2015, 5月 31 このエントリでは, electron-disclosureを作成する上で利用したElectronのちょっとしたTipsを紹介したいと思います

    Electronで次世代キ○タマを作った - Qiita
  • 1