console.lealog();

@leader22のWeb系に関する勉強めもブログですのだ

WebRTC

WebRTC Meetup Tokyo #18 に行ってきたメモ #webrtcjp

WebRTC Meetup Tokyo #18 : ATND 台風な中、今回も海外スピーカーの多い回やった。YouTubeでの配信もあったしアーカイブも公開されてるので、今からでも見れます! WebRTC Meetup Tokyo #18 #webrtcjp - YouTube

webrtc/adapterのコードを読んだメモ

GitHub - webrtc/adapter: Shim to insulate apps from spec changes and prefix differences. Latest adapter.js release: 界隈で脊髄反射的に必要って言われてる気がする 個人的にはお世話になったことはない SkyWayのJS-SDKでもサンプルでも使ってないし…

SkyWay UG Tokyo #3 に行ってきたメモ #WebRTCSkyWay

SkyWay UG Tokyo #3 - connpass 今回はDEJIMAというスペースにて。めっちゃおしゃれ空間やった。 品川から歩いて20分くらい。 Innovation Space DEJIMA

続・WebRTCなコードをE2Eテストする

WebRTCなコードをE2Eテストする - console.lealog(); これの続編で、CI上で実行したい! そう思ってあれこれやってて得られた学びです。

iOSのSafariでvideoを複数再生したい

もちろん音ありで。いわゆるWebRTCでの複数人ビデオチャットみたいなケース。ただ普通に動画ファイルでもHLSでもなんでも、複数同時再生したいならこの問題にハマるはず。

WebRTCなコードをE2Eテストする

という試みをやってみたのでその学びをメモ。もちろん全てのケースをカバーできたわけではなく、無限に気になることはあるけど、まあきっかけといことで。環境はmacOSです。CIで動かすのは続編としてまたいつかブログに書きます。

getUserMedia()以外でMediaStreamを用意するには

`navigator.mediaDevices.getUserMedia()`することで手に入る`MediaStream`を、それ以外の手段でどうやって自作するかという話です。どんな形であれ思いついたのをメモっておきます。

2018年版: getUserMedia()で画面のストリームを取得する

2018年2月verです。 基本的に2017年8月に書いた記事と変わってない。NO進歩。 2017年版: getUserMedia()で画面のストリームを取得する - console.lealog(); この記事に書いてること + さらに最近調べたことをメモ。 なんかおかしかったら教えてください。

SkyWay UG Tokyo #2 - Supported by ピクシブ に行ってきたメモ #WebRTCSkyWay

ピクシブ社にはじめて入った回。 ふっつーに仕事のミーティングしてる横で、マンガもいっぱいあって無限に時間つぶせそうな空間でした・・!

WebRTCのDataChannelをunreliableモードで使う

Specによると、 An RTCDataChannel can be configured to operate in different reliability modes.A reliable channel ensures that the data is delivered at the other peer through retransmissions. An unreliable channel is configured to either lim…

WebRTC Meetup Tokyo #17 に行ってきたメモ #webrtcjp

【増員】WebRTC Meetup Tokyo #17 Special Edition|IT勉強会・セミナーなどのイベント情報検索サービス - TECH PLAY[テックプレイ] 海外有名人大集合回です!

MediaStreamをMediaRecorderでWebMにして定期的にサーバーに送ってMPEG-TSにして最終的にHLSで配信する

っていう実験を弊社の開発合宿でやったので、その学びをメモっておきます。最近こういうわかりやすいようでわからないタイトルの記事が多い気がする・・。

iOS SafariのカメラストリームをChromeにWebRTCで送ってMediaRecorderでWebMにするとおかしな動画が撮れる

またもニッチなケースを踏みましたというメモです。

SkyWay Developer Meetup #1 に行ってきたメモ #WebRTCSkyWay

行ってきたし、LTで発表もしてきました。スタッフ・ドリンク・フードの潤沢さに大企業の影を見たやで・・・!

WebRTC Meetup Tokyo #16 に行ってきたメモ #webrtcjp

Safari効果も落ち着いたのか、いつもどおりな感じやったwけど今回は大阪と同時開催! WebRTC Meetup Tokyo #16 : ATND なので(?)、発表もしてきました。 俺たちは雰囲気でgetUserMedia()をやっている

getUserMedia()で指定できるMediaTrackConstraintsのよもやま

Media Capture and Streams この仕様書をだらーっと流し読みしたので、知らんかったことをメモ。 あとついでに気になった指定について調べたことも。

ChromeのMediaStreamTrackとvideo要素の組合せには罠がある話

WebRTC界隈で、 Chromeの`video.srcObject = stream`はバグってるから使っちゃダメ 代わりに`video.src = URL.createObjectURL(stream)`を使え という噂があって。とはいっても、 Safariでは`URL.createObjectURL(stream)`がエラーになる URL.createObjectUR…

Safari TPのWebRTCでaddTransceiver('audio').setDirection('recvonly')するとMediaStreamがautoplayされない問題

タイトルに収まらんwSafariのWebRTCは新しめの仕様なので、`createOffer()`にオプションを渡して`recvonly`にする方法が使えない。 pc.createOffer({ offerToReceiveAudio: true, offerToReceiveVideo: true, }) こういうやつ。なので、代わりに、 pc.addTr…

2017年版: getUserMedia()で画面のストリームを取得する

間違ってたら教えてください。

WebRTC Meetup Tokyo #15 に行ってきたメモ #webrtcjp

なんかいつになくすげー混んでた回。Safari効果? WebRTC Meetup Tokyo #15 : ATND

JavaScriptでWebRTCやるための基礎知識

未来の自分のためのメモです。 仕事でやってないせいですぐ忘れるし、都度思い出すの大変なので・・。ただまぁだいたいの人はSkyWayとかEasyRTCとか何かしらのライブラリを使うはずで、そういう人たちにはあまり関係ない内容かも。 生のjsでWebRTCを書くとき…

ReactNativeでgetUserMedia()する

端末カメラとマイクにアクセスできるWebRTCの`getUserMedia()`ですが、iOS Safariにはまだ未実装です。なので、現時点ではReactNative的ななんらかの環境の上で動かすしかないです。 そしてReactNativeでも公式サポートされてるわけではなく、外部のライブラ…

WebRTC Meetup Tokyo #14 に行ってきたメモ #webrtcjp

そういやもう3月も終わりやけど、これが2017年初の行ってきたメモなのね・・。ちなみにですが、4月にあるWebRTCのハンズオンでメンターとかやります。 初心者向け! WebRTCハンズオン - connpass

WebRTC Meetup Tokyo #12 に行ってきたメモ #webrtcjp

会場がいつもと違ってて、まさかの会社のすぐ近くやった。

WebAudio.tokyo #1 にいってきたメモ #webaudiotokyo

よもやWebAudioのワンマン勉強会が開催される日がくるとは! LTはそれぞれ10分なので、メモも短めです。

WebRTC Meetup Tokyo #11 に行ってきたメモ #webrtcjp

まさかのNode学園と時間が被ってて、どっち行くかなーって迷ってたんやけど、まあ先に申し込みしてた方にってことで。 あっちは後で資料いっぱい見つかるやろうしw

WebRTC Meetup Tokyo #10 に行ってきたメモ #webrtcjp

移転した21Cafeにはじめていった!

iOSでWebRTCが使えないからWebSocketとWebAudioで擬似ストリーミングしてみた

というわけで、またも会社の合宿で作ったものを紹介します。 そして前回に引き続き、なんかまた優勝しました(∩´∀`)∩ワーイgithub.comざっくりでよければ社内勉強会で発表したスライドがあるのでこっちを。 WebSocketでAudioStreamingしてみた

WebRTC Conference Japan 2日目行ってきたメモ #WebRTCConfJP

昨日に引き続き、2日目。ただBiz向けではなくDev向けのTrackにずっといたので、偏りがありますw

WebRTC Conference Japan 1日目行ってきたメモ #WebRTCConfJP

2日間にわたって開催されるしスーツの人めっちゃ多いし同時通訳とかフリードリンクまであるしお金かかってるビジネス色の濃いカンファレンスやったかな?