2020年7月26日 ElmでWebRTCをやってみる こんにちは、 @kz_morita です。 現在，Elm で WebRTC をやろうとしていて，途中まで実装をしたのでその内容を書いていきます． WebRTC とは WebRTCは，ブラウザ同士でリアルタイムコミュニケーションを実現するための仕組みで，P2Pでビデオやデータなどをやり取りするための技術です．P2Pのコネクションをはる仕組みやビデオのコーデックなど難しいところをうまく隠蔽して，簡単にブラウザから使える仕組みになっています． Elm でローカルのビデオを取得する HTMLは以下のような感じです． <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>WebRTC Sample</title> <script src="main.js"></script> </head> <body> <script> const app = Elm.Main.init(); app.ports.readyForLocalStream.subscribe(async (videoTagId) => { const videoTag = document.getElementById(videoTagId); const audioConfig = true; const videoConfig = { width: 1280, height: 720 }; let localStream = null; try { localStream = await navigator.mediaDevices.getUserMedia({ audio: audioConfig, video: videoConfig, }); } catch(err) { alert(err); } videoTag. 2015年2月8日 WebRTC Conference Japanに行ってきました（2日目） 2015年2月5日 WebRTC Conferrnce JAPANに行ってきました（1日目）
blog.foresta.me