processingで複数の動画を順番に、時折分岐して再生させたいです。

Question

動画を順に、時折分岐して再生をさせたいです。

お世話になっております。
ゲームを制作しようと考えていて、そのために動画を順に、時折分岐して再生をさせたいと考えています。

仕様
**・**PC内に保存された再生したい動画を指定(動画1,動画2,動画3,…,動画N)→Enterを押す→同じウィンドウ内で動画をフルスクリーンで順番に再生させたいです。

**・**連続で再生させたいため、途中で停止・つづきから再生などどの機能は必要ありません。

**・**動画を再生して、何も押されなければまた初めから再生、Enterが押されるとその時点ですぐに次の動画を再生というのも入れたいと考えています。

**・**動画を再生した後に3つの動画の中からランダムに１本を再生するということもしたいと考えています。

勉強始めた手で雑なフローチャートかもしれませんが、こういった具合のものを制作したいと考えています。

動画に関して
拡張子: mp4
動画時間: 1つあたり30秒前後
フレーム: 30フレーム

質問
上記の行いたいことを解決できるような方法をご存知であれば、よろしくお願いします。
(このようなライブラリを使用すれば、できるのではないか など)

調べてみたところ、複数の動画を同時に再生させる方法は見つけることができたのですが、
複数を順番に再生する方法は見当たりませんでした。

環境
processing3, Mac

よろしくお願い致します。

試したこと

import processing.video.*; //ビデオライブラリのインポート

int whichMovie; // 状態管理の変数

Movie mov1; // Movieクラスのインスタンス
Movie mov2; // Movieクラスのインスタンス
Movie mov3; // Movieクラスのインスタンス

void setup() {
  fullScreen();

  mov1 = new Movie(this, "01.mp4"); 
  mov2 = new Movie(this, "02.mp4"); 
  mov3 = new Movie(this, "03.mp4");

  whichMovie = 1; // 再生されるmovを状態として変数で管理
  mov1.loop();
}

void draw() {
  background(0, 0, 0); // 背景白

  switch(whichMovie) {
  case 1:
    if (mov1.available()) {
      mov1.read();
    }
    for (float j = 0; j <= height; j += mov1.height) {
      for (float i = 0; i <= width; i += mov1.width) {
        image(mov1, i, j, mov1.width, mov1.height);
      }
    }
    break;
  case 2:
    if (mov2.available()) {
      mov2.read();
    }
    for (float j = 0; j <= height; j += mov2.height) {
      for (float i = 0; i <= width; i += mov2.width) {
        image(mov2, i, j, mov2.width, mov2.height);
      }
    }
    break;
  case 3:
    if (mov3.available()) {
      mov3.read();
    }
    for (float j = 0; j <= height; j += mov3.height) {
      for (float i = 0; i <= width; i += mov3.width) {
        image(mov3, i, j, mov3.width, mov3.height);
      }
    }
    break;
  }
}

void keyPressed() {

  switch(whichMovie) {
  case '1':
    mov1.noLoop();
    break;
  case '2':
    mov2.noLoop();
    break;
  case '3':
    mov3.noLoop();
    break;
  }

  case '1':
    mov1.jump(0);
    mov1.loop();
    whichMovie = 1;
    break;
  case '2':
    mov2.jump(0);
    mov2.loop();
    whichMovie = 2;
    break;
  case '3':
    mov3.jump(0);
    mov3.loop();
    whichMovie = 3;
    break;
  }
}

これだと、手動で順番に再生することはできたのですが、切り替え前の動画がバックグラウンドで再生されていて、音声が二重、三重に流れてしまいました。

なんとか実現させたいです。よろしくお願いいたします。

Comments

[thkana]

仕様の記述が矛盾しています。
最初は
> 動画をフルスクリーンで順番に再生させたいです。
5番目で
> 動画１再生した後に3つの動画の中からランダムに１本を再生する
さらに下のフローチャートでは動画1の後に分岐はありません。

何が本当なのでしょう。

> 複数の動画を順に再生させる方法は見つけることができたのですが、
複数を順番に再生する方法は見当たりませんでした。
???

[minemoto]

申し訳ありません。上の文章は例えで述べたものなので、文章とフローチャートはリンクしていません。

[thkana]

済みません、追記しちゃいましたのでそちらも確認して下さい。

で。リンクしていないのは構いませんが、矛盾していては困ります。それでは仕様たりえません。

[minemoto]

ありがとうございます。修正させていただきました。

[thkana]

仕様2番目
> 動画を再生しその動画が最後まで再生されたら、次の動画を再生
仕様4番目
> 何も押されなければまた初めから再生
これもどちらが本当ですか。

[minemoto]

ありがとうございます。こちらも仕様２番目も無駄な文章でしたので削除させていただきました。

Answer 1

Video.loop()で再生しているのにはなにか理由がありますか。Video.play()で再生すれば一回しか再生しません。
Video.duration()で動画の全長が、またVideo.time()で再生中の時間が得られます。最後まで再生が終わるとtime()の値がduration()と同じになるみたいなので(明示的なドキュメントは見つけていません)、それを監視していれば再生の終了を検知出来るでしょう。

---

仕様が修正されたので、少しプログラムを書いてみました。
こんなサンプルで参考になりますでしょうか。(要素の参考にするためで、仕様を書き下したものではありません)

import processing.video.*;

final int MOVIENUM=11;

Movie[] movie=new Movie[MOVIENUM];
int n=0;//再生中の動画番号
Movie currentMovie;//再生中の動画オブジェクト

void setup() {
  size(320, 240);
  for (int i=0; i<MOVIENUM; i++) {//連番の動画ファイルを取得
    movie[i]=new Movie(this, "mv"+(i+1)+".mov");//ファイルは適宜変更
  }
  currentMovie=movie[n];//動画を設定
  currentMovie.loop();
}

void draw() {
  image(currentMovie, 0, 0);
}

void movieEvent(Movie m) {
  m.read();
}

void keyPressed() {
  if (currentMovie!=null) {//オブジェクトの準備が出来る前はアクセス禁止
    currentMovie.stop();//これまで再生中だった動画を停止
    if (key==' ') { //スペースで順送り
      n=(n+1)%MOVIENUM;
    } else if (key==ENTER) { //Enterでランダム
      n=int(random(3, 6));
    }
    currentMovie=movie[n];//再生動画を設定
    currentMovie.loop();//次の動画をループ再生
  }
}

---

上のフローチャートのように、分岐した後、動画7に必ずたどり着くようなプログラム

なんかそんな気がしていた、結局そっちも聞かれるんじゃないか、と。(質問を新しくした方がいいような気がするが)
もちろん方法はいろいろありますが、そこそこ融通を効かせられるようにこんな「考え方」はどう?

final int[][] StoryBoard={ //再生のプログラム表
  {0}, //選択肢を羅列する。要素一つだと選択の余地なし
  {1}, 
  {2}, 
  {3, 4, 5}, //複数記述するとその中のどれか
  {6}, 
  {7, 8, 9}, 
  {10} 
};

int storyIndex=0;
int playIndex;

void setup() {
  textSize(24); //見栄えだけ
  textAlign(CENTER, CENTER); //見栄えだけ
  playIndex=getFirst();//最初の要素を選択
}

void draw() {
  background(0);
  text(playIndex+1, width/2, height/2);
}

void keyPressed() {
  playIndex=getNext();//次の要素を選択
}

int getPlay() {
  int n=StoryBoard[storyIndex].length;
  return StoryBoard[storyIndex][(int)random(0, n)];//選択肢分のランダムでピックアップ
}
int getFirst(){
  storyIndex=0;
  return getPlay();
}
int getNext(){
  storyIndex=storyIndex+1;
  if(storyIndex>=StoryBoard.length){
    storyIndex=0;
  }
  return getPlay();
}

Comments

[minemoto]

丁寧に解説していただき、本当にありがとうございます。
プログラミングをこれからきちんと学びたいと考えているので質問させていただきます。

currentMovie や movieEvent(Movie m) といった文言を今回の件で調べているとよく見かけるのですが、調べてもなかなか理解ができません。教えていただけると嬉しいです。

[thkana]

currentMovieは適当に付けた名前なので調べてどうなるというものじゃありませんが。
int a;
なんかと同じで、
Movie currentMovie;
と変数を宣言してるわけで。(名前は動作に影響しないので、なんならMovie a;として、以降のcurrentMovieを全部aとしても動作は変わりません)
aに値を代入するのと同様、currentMovieにmovie[n]を入れるわけです。movie[n]を入れてあるcurrentMovieについてcurrentMovie.loop()としたならばmovie[n].loop()するのと同じことになります。

movieEvent()の方は、Movieクラスに関連していて、https://processing.org/reference/libraries/video/movieEvent_.html に解説があります。再生中のMovieクラスのインスタンスで画面が準備出来ると(draw()と次のdraw()の合間に)この関数を呼び出し、引数には画像を用意したクラスインスタンスが与えられます。引数がmだったら、m.read()でその画像を読み出してmインスタンス内に蓄えるので、image(m,x,y)でその画像が表示出来る、ということになります。

[thkana]

> プログラミングをこれからきちんと学びたいと考えている
のなら、ProcessingよりはJavaを勉強したほうがいいかも知れません。
Processingは、Javaに「コンピュータの専門家でなくても使えるような」ガワをかぶせたもの、という面もあります。Javaの方がプリミティブというか生というか。
そして、プログラミングについての情報はJavaの方が圧倒的に多いですから。Processingでちょっと凝ったことをやろうとするとすぐにJavaの情報を調べることになります...

[minemoto]

時間が空いてしまいました。すみません。
丁寧に教えていただき、ありがとうございます。

前回教えていただいたプログラムで、ランダムに分岐させるものがありましたが、上のフローチャートのように、分岐した後、動画7に必ずたどり着くようなプログラムを書くことができません。
switch〜とcase〜というのを使って、必ず動画７を表示させるボタンを作れば、スマートではありませんが、目的が達成できるかと思ったのですが、なかなか思った通りに動いてくれません。

なんどもお願いしてしまい大変申し訳ないのですが、よろしければ教えていただくことはできませんでしょうか。

[minemoto]

ありがとうございます。なんとか読み取ってみます！！

Answer 2

mov2.read();と呼び出す前にmov1.stop();のようにstopさせれば良いのではないでしょうか？

また、複数のウィンドウに複数の動画を表示する方法ですが、以下のサイトを参考にすると良いと思います(韓国語ですが、Chromeで開いて翻訳すれば読めます)。
https://talkingaboutme.tistory.com/372

複数のウィンドウの表示方法は、以下のサイトが分かりやすいので参考にしてください。
https://gist.github.com/atduskgreg/666e46c8408e2a33b09a