xxxxxxxxxx26
<html lang="en"> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.3.1/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.3.1/addons/p5.sound.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8" /> </head> <body> <script src="p5canvasRecording.js"></script> <script src="sketch.js"></script> <h1>使い方</h1> <ol> <li>'r'キーを押して録画を開始</li> <li>録画したい時間だけ待つ</li> <li>'s'キーを押して録画を止める</li> <li>ダウンロードダイアログウィンドウが表示されるので，適当なところに保存する</li> </ol> <p> 動画はwebm（ https://ja.wikipedia.org/wiki/WebM ）という形式で保存されます．録画された動画を確認する場合はchromeブラウザの窓にwebmファイルをドラッグアンドドロップすると閲覧確認できます． </p> </body></html>