MediaStream to HttpLiveStreaming
MediaStream to HttpLiveStreaming 2017/10/15-17 PixelGrid Inc. 開発合宿 in 柏たなか 作ったもの カメラ・マイクのストリームを後から見れるようにする仕組み 手元の端末でも、iPhoneからでもOK そのためのサーバーサイド実装と、それを利用するクライアント実装 仕組み的には、カメラが対応してればHDとかでも撮れる。 別に音だけでもいけるので、ポッドキャストとかにも。（とりあえず雑に回した感じ、45分くらいは問題なく撮れた） 事の発端 ついにiOS SafariにWebRTCがきた getUserMedia()とかWebRTCでなんかやりたいな？ カメラで撮った内容を録画できたらよいのでは！ WebRTCでPCに飛ばしてMediaRecorderで録画しよう でも録画見るならWebMよりHLSが良さそう ならばMediaStre
動画切り出しアプリをElectronで作った
動画切り出しアプリを Electronで作った 2018/03/04-06 PixelGrid Inc. 開発合宿 in 湯河原 全部イカのせい 普段のプレイ動画はYouTubeにUPしてる けど、全てのシーンをUPしてるわけではない UPしてない箇所から数秒だけを切り出して、TwitterにUPしたいと思うことがある が、編集が面倒くさい YouTubeにUPする用の動画を作るアプリ（録画アプリ付属）だと、元動画の開き直しが面倒くさい これをなんとかしたい！ 既存のアプリではダメ？ あるにはあるけど、 Twitterの動画投稿フォーマットに沿ってない https://help.twitter.com/ja/using-twitter/twitter-videos これが割と微妙なラインを攻めてくる 余計な機能たくさんついてる 画質がいまいち（良くも悪くも） そして調整できない 謎のバナー
俺たちは雰囲気でgetUserMedia()をやっている
はじめまして Yuji Sugiura / @leader22 フロントエンド・エンジニア at PixelGrid Inc. 最近はWebRTC（ついに）、普段はReactとかMobXとか ブログもよろしく console.lealog(); 今日の発表の元ネタ記事もあります まずはおさらい 10.2 MediaDevices Interface Extensions | Media Capture and Streams partial interface MediaDevices { Promise<MediaStream> getUserMedia(optional MediaStreamConstraints constraints); }; ・使い方 navigator.mediaDevices.getUserMedia(constraints) .then(stream =>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
