LoginSignup
7
0

More than 1 year has passed since last update.

VRChatのSDK3+Udonで動画プレイヤーのPlayback Speedを動的に変更する方法

Last updated at Posted at 2022-05-08

ゴール

これ。

動画のPlayback Speed(再生速度)はSDK2の頃には普通にコンポーネントのプロパティとして存在したのだが、どういうわけかSDK3では廃止されてしまった。
復帰を願うCannyもここに作られている。

が、なんやかんやで無理やり再生速度を変えることができてしまった。
のでここに詳しいやり方を記す。

使うもの

  • VRC Unity VideoPlayerコンポーネント
  • ↑を操作するAnimatorコンポーネント
  • ↑のAnimatorを操作するUdon

やり方

わかる人向けの要約

  • VRC Unity VideoPlayerコンポーネントは実行時にUnity標準のVideo PlayerコンポーネントをAttachする
  • このVideo PlayerのPlayback SpeedプロパティをAnimatorで操作してやると再生速度が変わる
    • Video PlayerはUdonではNot ExposedなのでAnimatorからしか触れない
    • あと同期も取れてないので値の同期も自分で面倒見ること
  • シーン開始時には存在しないコンポーネントなので、Animator.Rebind()を呼んでから操作すること

わからん人向け詳細

ざっくりやること概要

動画プレイヤーの核となるVRC Unity Video Playerコンポーネントは、実行時にUnity標準のVideo PlayerコンポーネントをAttachする。
図のようにコンポーネントが増えるのだ。
image.png
そこには見ての通りPlayback Speedというプロパティがある。この数値が「何倍の速度で再生するか」なので、例えばこれを2にすれば倍速再生ということになる。
ではどうやって値を操作するか。残念ながら、このVideo PlayerコンポーネントはUdonに解放されておらず、直接操作はできない。しかし、Animatorを使って間接的に操作することができる。

AnimatorとAnimationを作る

まず、VRC Unity Video PlayerコンポーネントがあるGameObjectか、その親以上の階層のGameObjectに、AnimatorコンポーネントをAttachする。
そして空のAnimator Controllerを作ってセットしておこう。
image.png
次に、VRC Unity Video PlayerコンポーネントがあるGameObjectに手動でVideo PlayerコンポーネントをAttachしておく。
image.png
image.png
そして、Playback Speedを好きなように操作するAnimationを作る。倍速だけだと面白くないので、試しに無段階調整できるようにしてみた。こんな感じ。
image.png
image.png
で、Animator ControllerにFloat変数を1つ追加して、このAnimationがMotion Timeで動くようにする。
単なるスイッチにするなら普通にBoolで切り替えとかでもいいと思う。お好みで。
image.png

Animationを作り終わったら、手動で追加したVideo Playerコンポーネントは削除しておくこと。
つけっぱなしだと実行時にVideo Playerコンポーネントが2つになってしまい動かない。
image.png

AnimatorをUdonで操作する

ここまで来たらあとはスイッチなりスライダーなりでAnimatorのパラメタを操作するだけ……なのだが1つ注意がある。
Video Playerコンポーネントは実行時に追加されるため、そのままではその追加されたコンポーネントをAnimatorが検知できず、Animationできない。
そこでStart()の中でAnimator.Rebind()というメソッドを呼んでやる必要がある。

それさえ忘れなければあとはいつものようにやるだけである。
例としてuGUIのスライダーから操作するU#を書いてみた。こんな感じ。


using UdonSharp;
using UnityEngine;
using UnityEngine.UI;
using VRC.SDKBase;
using VRC.Udon;

namespace Yodokorochan
{
    [UdonBehaviourSyncMode(BehaviourSyncMode.Manual)]
    public class SliderAnimatorController : UdonSharpBehaviour
    {
        [UdonSynced]
        public float CurrentValue;  // 再生速度は同期しないのでスライダーを同期することで疑似的に同じにする

        [SerializeField]
        private Animator TargetAnimator;
        [SerializeField]
        private string TargetFloatVariable;
        [SerializeField]
        private Slider TargetSlider;

        void Start()
        {
            CurrentValue = TargetSlider.value;
            TargetAnimator.Rebind();    // これが重要! やらないとAnimationが正しくても動かない
        }

        public void OnSliderValueChanged()  // これをSliderのOnValueChangedから呼ぶ
        {
            Networking.SetOwner(Networking.LocalPlayer, gameObject);
            CurrentValue = TargetSlider.value;
            RequestSerialization();
            UpdateAnimator();
        }

        public override void OnDeserialization()
        {
            TargetSlider.SetValueWithoutNotify(CurrentValue);
            UpdateAnimator();
        }

        private void UpdateAnimator()
        {
            TargetAnimator.SetFloat(TargetFloatVariable, CurrentValue);
        }
    }
}

適当にSliderを作ってInspectorからこのUdonの各項目を入れよう。
image.png

完成

こうしてできたのが冒頭のこれである。

おわりに

「そういえばSDK3の動画プレイヤーに再生速度ないね」ってtweetしたらbd_ちゃんがヒントをくれました。bd_ちゃんは最高!
倍速再生がtwitterでトレンド入りするご時世、 2022/05/09 現在主要なプレイヤーアセットに再生速度変更機能が搭載されていないということは多分まだ知られていないテクノロジーなのだと思ってここに記事にしました。

有力アセット作者各位、何卒よろしくお願いします。

2022/05/10 追記

VRChatのサンプル動画プレイヤーだと正常動作したが、iwaSync3_v3.2.0に仕掛けたところ、何秒かに1回、数秒分巻き戻ってしまうという現象が起きた。
多分同期のために定期的に調整してるっぽい? その辺の何かが再生速度変更と競合してるっぽい。

KineL式VideoPlayerの中の人が捕捉してくれたのでこちらにも期待……!

また、TwitchのLive Streamを読ませて再生速度を変えたらどうなるか試してみたところ、こちらは反映されなかった。
Liveの時だけ1倍速に戻すとかの処理を考えなくていいということなのでこれは助かるね。

2022/05/14 追記

iwaSync3.3.0で倍速機能を搭載して頂けました。やったぜ。みんなアプデしよう!

7
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
0