Webカメラを使ってみる

JavaScript 開発

Webカメラを利用するゲームを作りたかったのでまずカメラ利用のテスト。 コードはこんな感じ

export const captureScript = `
  navigator.mediaDevices.getUserMedia({ video: true })
    .then(stream => document.getElementById("video").srcObject = stream);
`;


<video id="video" width="640" height="480" margin="auto" autoplay></video><br />
<script set:html={captureScript}></script>

{}がMDXのパーサーと衝突し、普通に書くとUnexpected content after expressionというエラーが出てしまった。 そのため、スクリプトの部分を文字列として切り出すことで解決した。