質問: ### 前提・実現したいこと 開発の前段階でありまして、開発の知恵をお貸しいただければと思います。 サーバ上にある動画ファイルをブラウザ上から編集し、再度動画ファイル化したいと考えています。 編集は動画の一部分だけをぬくだけでいいです。 タイムラインのトラックで、削除するマークをつけたら、その部分だけ抜かれた動画をレンダリングしてサーバ上に保存するというものです。 ### 試したこと html5のvideoタグを色々と操作していますが、JavaScriptによる動画編集のためのプラグインを探していますがいいのがみあたりません。 ### お聞きしたいこと 1、動画のオブジェクトをタイムライン上に並べる方法はどうやるのか。 2、編集したあとレンダリングするためにはどのようにしたらよいか。 3、指定の時間を入力するとその部分だけが除かれてレンダリングされにはどうしたらよいか。(このような方法でも構いません。) ### コード ``` ``` 稚拙なコードですみません。。。 cakephp3を使って開発しようとしています。 movieというフォルダに動画をためていき、そこで再編集するというものです。 linuxの知識、フレームワークの知識、javascriptの知識は一般的に持っています。
回答: まず、大前提として、 ・デコード~カット編集~エンコード等といったレンダリング動作をすべてユーザーサイドで行う ・サーバーは元動画データの提供と完成した動画ファイルの受け取りだけを行う という事でしょうか? やってやれないことはないでしょうが、実際かなり厳しいかと思うのですが...。 FFMPEGまでEmscriptenの力でJavascript化されたりしてますし、 再エンコードなしでカット編集ができる低圧縮率なエンコードを使用すればなんとか? かなり工夫しないと平易に作るとまともに動かなさそうです。 「動画のオブジェクトをタイムライン上に並べる方法はどうやるのか。」 はちょっと意味がわかりません、 動画編集のUIとしてのタイムラインを自作するのであれば、 単に動画のサムネイル画像を並べれば済むことで、 動画オブジェクトをズラズラと並べて元データを読み込ませて秒数を指定しちゃったりすると、 間違いなくメモリ食い過ぎでまともに動きませんよ。 ブラウザアプリとして作成する以前に、 動画ファイルの構造とその編集方法に関しての知識習得が必要なように見受けられます。