console.lealog();

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

HTML5 Conference 2017 に行ってきたメモ #html5j

今年もいってきたので。

JRが安定の電車遅延で基調講演はすべりこみだったのでメモなし。

続きを読む

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)`を使え

という噂があって。

とはいっても、

などなど事情もあるのでそろそろ`srcObject`だけ使いたい!
そのためにもどういうケースでバグってるとか、この噂の真意を確かめたいなーと思って調べてたのが事の発端。

続きを読む

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

タイトルに収まらんw

SafariのWebRTCは新しめの仕様なので、`createOffer()`にオプションを渡して`recvonly`にする方法が使えない。

pc.createOffer({
  offerToReceiveAudio: true,
  offerToReceiveVideo: true,
})

こういうやつ。

なので、代わりに、

pc.addTransceiver('audio').setDirection('recvonly');
pc.addTransceiver('video').setDirection('recvonly');

// からの
pc.createOffer();

とする必要がある。
だがしかし、こうやって開始したP2Pで相手のストリームを受け取ると、`video`に`autoplay`を指定していても再生が開始されないという謎の挙動を踏みましたというメモです。

しかもSafariどうしでは再現しなくて、片側はChromeFirefoxの時だけっていう・・。

確認バージョン

続きを読む