学習用なでしこパッド v1.21

  • 「プログラムを消す」ボタンを設置。
  • 音声ファイルや動画ファイルを再生したり,音声合成で話したりしていると,それを止められないので,「止める」ボタンを設置。
  • 「絵追加」等で表示される画像のサイズを横160pxに固定。
  • 「動画追加」等で表示される動画のサイズを横320pxに固定。
  • ローカルのメディアファイル(音,画像,動画)を使いたいけど,ブラウザのセキュリティ上,フルパスを取得できないので,仕方なくObjectURLを取得するようにした。
  • その他,動作の安定化と,使い勝手の向上。
  • エディタの色合いを変更(教室でプロジェクタに映していると,色が出ないことがあったので)。
  • 画面レイアウトを整理。ごちゃごちゃしてきたな…。

ローカルのメディアファイルを使う

Windowsの場合,このエディタを使ってローカルのメディアファイル(音,画像,動画)を使うときは「file:///」を利用すればOK。

Chromebookの場合は,このようなローカルのファイルパスを指定できないので,エディタ下にあるボタンを押して,画像などのファイルを選択すると,その時だけ使えるURL(ObjectURL)を取得できる。

これを利用して,次のようにプログラムを完成させる。

ただし「一度きりしか使えないURL」なので,このプログラムを保存して後日読み込んだり,ブラウザをリロードしたりした場合は,改めてObjectURLを取得しなおす必要がある。

まあそれでも,コンピュータでメディアを扱えるということは学習できるから,これでいいよね。