ツール VidGrid-HTML - ブラウザでカスタマイズ可能な動画サムネイルグリッド
わからないです。デスクトップでやってるんですが、残念ながらできなくて。まあ全然大したことじゃないですけど。セルを均等に2つのファイルに分けたのに、まったく同じフレームが出力されます。うまく説明できないしそろそろ諦め気味です。とにかくどうもありがとう、このツールはいつも使ってますRevvingUpkj 動画自体に問題があるのでなければ(あり得ます、動画形式によっては特にモバイルブラウザであまり対応してないので)、そちらの問題は再現できないです。
AndroidのChromeモバイルで今試してみました:
1. ファイルを読み込む
2. 同じファイルをもう一度読み込む(キューに2つ入る)
3. キューの最初のファイルのタイムスタンプを編集して、全部動画の前半に置いて保存
4. キューの2つ目のファイルのタイムスタンプを編集して、後半に置いて保存
5. 処理を開始。
結果、2つの違う出力になりました:
48セルではやってないけど、変わらないと思います。マーカーは全部指定する必要があります。一部だけ指定すると、足りない分は自動で埋められて、ファイルの先頭からデフォルトのものが使われるので、それが原因かも?各ファイルで24セルだけ必要なら、グリッドを24セルにしてください
VidGridは「不完全な」グリッドには対応してなくて、想定数より少ない状態で保存すると「auto」マーカーについて知らせてくれるし、タイムスタンプエディタではマーカー数が赤で表示されます(グリッドレイアウトにも足りないセルが表示されます):
AndroidのChromeモバイルで今試してみました:
1. ファイルを読み込む
2. 同じファイルをもう一度読み込む(キューに2つ入る)
3. キューの最初のファイルのタイムスタンプを編集して、全部動画の前半に置いて保存
4. キューの2つ目のファイルのタイムスタンプを編集して、後半に置いて保存
5. 処理を開始。
結果、2つの違う出力になりました:
48セルではやってないけど、変わらないと思います。マーカーは全部指定する必要があります。一部だけ指定すると、足りない分は自動で埋められて、ファイルの先頭からデフォルトのものが使われるので、それが原因かも?各ファイルで24セルだけ必要なら、グリッドを24セルにしてください
VidGridは「不完全な」グリッドには対応してなくて、想定数より少ない状態で保存すると「auto」マーカーについて知らせてくれるし、タイムスタンプエディタではマーカー数が赤で表示されます(グリッドレイアウトにも足りないセルが表示されます):まさにそれです!完全にそれが原因でした。他のマーカーを埋めてなかったんです。だからファイルの先頭から始まって、2つの出力が同じになってたんですね。説明本当にありがとうございます。同じセル数で、違うマーカーの別々のファイルを作れるようになりました。
それで!なんですが、これを少し自動化することってできますか?もし可能なら、残りのセルを自動で埋めるとか?たとえば12セルあったら、最後のタイムスタンプか最後のマーカーまで自動で埋まる感じで。そうすれば、動画の別の部分で自動補完マーカーのファイルをもう1つ作れると思うんです。いい変更になると思います!
とにかく説明ありがとう、別々のマーカーで別々のファイルを作れるようになりました。説明とツール、重ねてありがとうございます。
それで!なんですが、これを少し自動化することってできますか?もし可能なら、残りのセルを自動で埋めるとか?たとえば12セルあったら、最後のタイムスタンプか最後のマーカーまで自動で埋まる感じで。そうすれば、動画の別の部分で自動補完マーカーのファイルをもう1つ作れると思うんです。いい変更になると思います!
とにかく説明ありがとう、別々のマーカーで別々のファイルを作れるようになりました。説明とツール、重ねてありがとうございます。
RevvingUpkj 48セルのファイルを一度に全部作れない理由をもう一度説明してくれる？サムネが「ぎゅうぎゅう」ってのがよく分からない。列数が同じなら2ファイルに分けてもサムネのサイズは変わらないよ、「Output Width (px)」の値が列数で割られるだけだから…だから列を減らして行を増やしてみたら？個々のサムネがもっと大きくなるよ。
あなたの投稿を見てるけど、正直サムネはかなり普通で十分大きく見える（30〜35セルのやつがいくつかあるけど、100%ズームで開けば画質は最高）。出力幅を3840pxにしてるけど、もっと上げたければテキストフィールドに数字を入力するだけでいけるよ…列数/行数も同じで、レンジ/スライダーは（みんながよく使う値向けの）「ソフトリミット」なだけだから、もっと大きい値も入力できる。
それ以外だと、通常の使い方（1ファイル）を邪魔せずにやりたいことを自動化する方法がよく分からない。タイムスタンプエディタのUIはもうかなりごちゃごちゃしてるし、特にモバイルでボタンを増やしたり複雑にしたりしたくない。
あなたの投稿を見てるけど、正直サムネはかなり普通で十分大きく見える（30〜35セルのやつがいくつかあるけど、100%ズームで開けば画質は最高）。出力幅を3840pxにしてるけど、もっと上げたければテキストフィールドに数字を入力するだけでいけるよ…列数/行数も同じで、レンジ/スライダーは（みんながよく使う値向けの）「ソフトリミット」なだけだから、もっと大きい値も入力できる。
それ以外だと、通常の使い方（1ファイル）を邪魔せずにやりたいことを自動化する方法がよく分からない。タイムスタンプエディタのUIはもうかなりごちゃごちゃしてるし、特にモバイルでボタンを増やしたり複雑にしたりしたくない。
SyamN11
ROM専
- 登録日
- 2024年3月26日
- 投稿
- 41
- リアクションスコア
- 0
言いたいことを理解しようとしてみた、間違ってるかもだけど、俺が理解した内容を説明させて。
前半用と後半用で、2枚のシートが必要ってことだよね。
-
もっと良くて簡単な方法は、解像度を2倍にしたシートを1枚だけ生成して、ネットにある何かのソフトで画像を均等に2分割することかも、たぶん。
-
それと、俺も君がやりたいことをそのまま自分で試してみたんだけど、なんで難しいのか分かった。
今のところ、エンジンが動画の一部区間に対して等間隔のタイムスタンプを生成するオプションがない。だから、24か所にマークするためにタイムスタンプを手動で編集するのは大変。
もう一つ困ったのが、うっかりタイムスタンプを長押しすると消えちゃうこと。
ユーザーの役に立ちそうな解決案をいくつか思いついたので、ツールをシンプルなままにするために、設定の中の詳細設定に入れるのはどうかな。
-
1. シートを生成したい区間をユーザーが選べるようにする。（秒から秒までで選べる感じ。例えば1200秒の動画なら、自動の等間隔タイムスタンプを600〜900秒の区間だけに生成するか選べる。これで簡単に解決する）
2. 長押しでタイムスタンプを削除する機能は、PCなら簡単に扱える。でも要素が密集したモバイルだと難しい。だから詳細設定にこれをオフにするトグルがあると助かる。そうすれば、リストの「x」をタップした時だけ削除できる。
3. x秒進む/戻るのシーク機能をつける。そうすればユーザーが一番いいショットを見つけやすくなる。
また、これでツールが複雑になるから、全部詳細設定に入れて、欲しい人だけ使えるようにしてほしい。
-
ただ、これが解決策の一つになるかなと思っただけ。実装にどれくらい時間や手間がかかるかは全然分からない。
文章の言い方が悪かったらごめん、ツールをもっと良くする手助けがしたいだけなんだ、君はこのコミュニティにすごく貢献してくれてるから。
前半用と後半用で、2枚のシートが必要ってことだよね。
-
もっと良くて簡単な方法は、解像度を2倍にしたシートを1枚だけ生成して、ネットにある何かのソフトで画像を均等に2分割することかも、たぶん。
-
それと、俺も君がやりたいことをそのまま自分で試してみたんだけど、なんで難しいのか分かった。
今のところ、エンジンが動画の一部区間に対して等間隔のタイムスタンプを生成するオプションがない。だから、24か所にマークするためにタイムスタンプを手動で編集するのは大変。
もう一つ困ったのが、うっかりタイムスタンプを長押しすると消えちゃうこと。
ユーザーの役に立ちそうな解決案をいくつか思いついたので、ツールをシンプルなままにするために、設定の中の詳細設定に入れるのはどうかな。
-
1. シートを生成したい区間をユーザーが選べるようにする。（秒から秒までで選べる感じ。例えば1200秒の動画なら、自動の等間隔タイムスタンプを600〜900秒の区間だけに生成するか選べる。これで簡単に解決する）
2. 長押しでタイムスタンプを削除する機能は、PCなら簡単に扱える。でも要素が密集したモバイルだと難しい。だから詳細設定にこれをオフにするトグルがあると助かる。そうすれば、リストの「x」をタップした時だけ削除できる。
3. x秒進む/戻るのシーク機能をつける。そうすればユーザーが一番いいショットを見つけやすくなる。
また、これでツールが複雑になるから、全部詳細設定に入れて、欲しい人だけ使えるようにしてほしい。
-
ただ、これが解決策の一つになるかなと思っただけ。実装にどれくらい時間や手間がかかるかは全然分からない。
文章の言い方が悪かったらごめん、ツールをもっと良くする手助けがしたいだけなんだ、君はこのコミュニティにすごく貢献してくれてるから。
説明ありがとう。
まさにそれが言いたかったこと。違いは画像が2枚あるってだけで、正直、動画をダウンロードする側からしたら、同じ動画のコンタクトシートが2枚出てきたら「これパート1？パート2どこ？」ってなって余計わかりにくいと思う。どうしてもやりたいなら、他のツールで画像の一部を切り取り/コピーして、それぞれ別々にアップすればいいよ…スマホでもかなり簡単だし、今のところ画像の処理/編集機能を組み込む予定はない。
たしかに、それは比較的上級者向けであまりない使い方だと思う…動画のコンタクトシートを作るなら、一部分じゃなくて動画全体の内容を見せるべきでしょ。いくつかのパラメータに基づいてマーカーをまとめて追加できるモーダルを作って、開始/終了時間も指定できるようにするのはありかも。前にシーンチェンジの検出も試したことがあるけど、処理時間がかかりすぎるし精度もイマイチだったから、等間隔のマーカー範囲を指定できる方が簡単だね。
設定を追加することもできるけど、スマホでは長押しする前にまずマーカーを選択しないといけないようにして、個別のマーカーを削除した後に「元に戻す」のトースト通知を出す、という手でも解決できるかも。デスクトップだとマウスの右クリックでマーカーを削除するから、うっかり/雑に消してしまいにくい。
この機能はデスクトップではすでに矢印キー（1秒）、Ctrl（コマ送り）、Shift（5秒）の修飾キーで使える。再生ボタンの横にコントロールをもっと追加できるよ。
2人ともフィードバックありがとう、次のアップデートに向けてTimestampエディタのUIをもう少し作り込むよ。
まさにそれが言いたかったこと。違いは画像が2枚あるってだけで、正直、動画をダウンロードする側からしたら、同じ動画のコンタクトシートが2枚出てきたら「これパート1？パート2どこ？」ってなって余計わかりにくいと思う。どうしてもやりたいなら、他のツールで画像の一部を切り取り/コピーして、それぞれ別々にアップすればいいよ…スマホでもかなり簡単だし、今のところ画像の処理/編集機能を組み込む予定はない。
たしかに、それは比較的上級者向けであまりない使い方だと思う…動画のコンタクトシートを作るなら、一部分じゃなくて動画全体の内容を見せるべきでしょ。いくつかのパラメータに基づいてマーカーをまとめて追加できるモーダルを作って、開始/終了時間も指定できるようにするのはありかも。前にシーンチェンジの検出も試したことがあるけど、処理時間がかかりすぎるし精度もイマイチだったから、等間隔のマーカー範囲を指定できる方が簡単だね。
設定を追加することもできるけど、スマホでは長押しする前にまずマーカーを選択しないといけないようにして、個別のマーカーを削除した後に「元に戻す」のトースト通知を出す、という手でも解決できるかも。デスクトップだとマウスの右クリックでマーカーを削除するから、うっかり/雑に消してしまいにくい。
この機能はデスクトップではすでに矢印キー（1秒）、Ctrl（コマ送り）、Shift（5秒）の修飾キーで使える。再生ボタンの横にコントロールをもっと追加できるよ。
2人ともフィードバックありがとう、次のアップデートに向けてTimestampエディタのUIをもう少し作り込むよ。
マイナーバージョンアップ、URLは同じ: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.5.3
モバイルとデスクトップでTimestampエディタのUXを改良：
VidGird-HTML v.3.5.3
モバイルとデスクトップでTimestampエディタのUXを改良：
- 動画のサイズ、グリッドレイアウト、マーカーリストの扱いを改善。モバイルではより安定して縦に並ぶようになったので、下にスクロールして確認してね ;-)
- モバイルで長押ししてマーカーを削除する場合、先にそのマーカーを選択する必要があるようにした。
- タッチ/ドラッグで特定の時間にシークしやすくなった、シークバーの下の部分を使ってね（上の部分/マーカー番号はマーカー選択用）
- 新機能： シークボタン（1フレーム、1秒、5秒）、以前はキーボード/マウスホイールでしか使えなかった。
- 新機能： マーカーリストが空のとき「Quick Fill」ボタンが表示されて、全セル用に動画の全体、前半、後半に等間隔のマーカーを追加できる。
- 新機能： グリッドレイアウトとマーカーリストを折りたためるようにした。
RevvingUpkj 問題ないよ、ただ念のため言っとくと、6x8のグリッドにするか、（前半・後半それぞれで）6x4を2回やっても、サムネはほぼ同じになるはず…だから君が求めてた違いがいまいちピンとこなかったんだけど、新機能がニーズに合ってよかった。どんなフィードバックでも歓迎！
マイナーバージョンアップ、URLは同じ: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.6.1
セル数の多い巨大グリッドが好きな人向けに、タイムスタンプエディタをちょっと改良。モバイルにも対応。
VidGird-HTML v.3.6.1
セル数の多い巨大グリッドが好きな人向けに、タイムスタンプエディタをちょっと改良。モバイルにも対応。
- 新機能: マーカー削除("-")ボタン追加。選択中のマーカーを簡単に削除できる。マーカー選択時のみ有効。
- 新機能: ズームイン/ズームアウトボタンと概要バー。シークバーのタイムラインを100%(全体表示)から1000%まで拡大できるので、マーカーが近くても正確に配置できる。現在のズーム率はボタンの間に表示される。
- 各テーマで「選択中」状態の色をより統一。
マイナーバージョンアップ、URLは同じ: https://vidgrid-html-87fe95.gitlab.io/
VidGird-HTML v.3.7.0
Goonboxがアニメ画像に「全フレーム合計ピクセル数」と「総フレーム数」の上限を導入したので、上限以下で出力しやすいように(アップロードが失敗しないように)、この2つの情報を生成前の見積もりと生成後の実測チェックとして追加した。
注:Goonbox APIはまだ使えないので、アップロードは引き続き手動で。
VidGird-HTML v.3.7.0
Goonboxがアニメ画像に「全フレーム合計ピクセル数」と「総フレーム数」の上限を導入したので、上限以下で出力しやすいように(アップロードが失敗しないように)、この2つの情報を生成前の見積もりと生成後の実測チェックとして追加した。
注:Goonbox APIはまだ使えないので、アップロードは引き続き手動で。
- 新機能: 設定をタブ化してアクセスしやすくし、「アニメーション」タブを追加:
- 新機能: 総フレーム数と全フレーム合計ピクセル数を含むアニメーション詳細。設定した上限を超えるとインジケーターで表示。
