let media = null;

​

function setup() {

  let canvas = createCanvas(640, 360);

  canvas.drop(getFile);

  background(200);

  text("画像や動画ファイルをドロップしてください", 10, height / 2);

  noLoop(); // drawの停止

}

​

function draw() {

  if (media != null) {

    image(media, 0, 0, width, height);

  }

}

​

function getFile(file) {

  if (file.type === "video") {

    media = createVideo(file.data); // 動画の読込み

    media.play(); // 再生

    media.hide(); // 非表示

    loop(); // drawの再開

    print("video");

  } else if (file.type === "image") {

    media = createImg(file.data);

    media.hide();

    redraw(); // 1回だけdrawを実行する

  } 

}