AOYAMA Koji's プログラミングブログ - プログラミングを楽しく体験

超シンプルmp4クリエイター全員向け(プログラミング無関係)

2025/04/26
超シンプルmp4クリエイター

 gifアニメファイルや静止画の各種画像ファイルから、mp4動画ファイルを生成する、とてもシンプルなWebアプリケーションを作成しましたので、公開します。
超シンプルmp4クリエイター

プログラミングブログ記事一覧


[PR]

mp4動画ファイルクリエイター



使い方


  1. 「読み込み画像ファイル」で画像ファイルを読み込みます
  2. ファイル名および、秒数やフレームレートを調整します
  3. 【mp4保存】ボタンを押下し、OKを押します
  4. mp4ファイルがダウンロードされれば成功です

1.画像ファイル読み込み


 「読み込み画像ファイル」のところで、【参照】(【ファイル選択】)ボタンから画像ファイルを選択するか、画像ファイルをドラッグ&ドロップしてください。

2.パラメーター調整


 秒数とフレームレートは、読み込まれた画像ファイルがgifアニメーションだった場合は、その情報が反映されています。
 そのため、各パラメーターは変更せずそのままで問題ありません。 変更したい場合は、秒数およびフレームレートの調整をしてください。 ファイル名も必要に応じて変更してください。

3.mp4保存


 【mp4保存】ボタンを押下し、確認ダイアログを確認してOKを押してください。
 なお【gifアニメ保存】ボタンを押下すると、gifアニメファイルを生成します。

4.ファイルダウンロード確認


 mp4ファイル(またはgifファイル)がダウンロードできていれば成功です。
 Webブラウザーの設定にもよりますが、通常は「ダウンロード」フォルダに保存されます。 ファイルアプリ、ファイルマネージャーアプリなどからアクセスしてください。 そこから写真/フォト/ビデオ/ギャラリーフォルダなどへの移動もできます。
[PR]

プライバシーと安全性


 お使いの端末のみで処理されますので、読み込み指定された画像や生成されたファイルが他に漏れることはありません。

バリエーション


 本記事は画像をそのまま変換します。 つまりgifアニメーションファイルを、mp4動画ファイルにコンバートするために使用可能です。
 以下には、画像を加工するバリエーションを列挙します。 すべて、リンク先のページにあるWebアプリケーションです。

横うねうね



 ファミコン世代のゲームからよく使用されている演出です。画像を横にうねうねさせます。 家庭用ゲーム機の変遷についての解説も添えています。 リンク横うねうね【mp4クリエイター】

横うねうねバリエ



 画像を横にうねうねさせるバリエーションです。 縦周波数や縦同時幅を設定変更できます。 リンク横うねうねバリエ【mp4クリエイター】

横フリフリ



 指定された位置を中心に、画像を横にフリフリさせる演出です。 リンク横フリフリ【mp4クリエイター】

バウンズーム



 バウンドするように拡大させる演出です。 縦横比率も変えられます。 リンクバウンズーム【mp4クリエイター】

回転ぐるぐる



 指定された位置を中心にぐるぐる回転させる演出です。 リンク回転ぐるぐる【mp4クリエイター】

多重横スクロール



 多重に横スクロールさせる演出です。 関連してファミコン世代のゲームについても述べています。 リンク多重横スクロール【mp4クリエイター】

多重縦スクロール



 多重に縦スクロールさせる演出です。 関連してファミコン世代のゲームについても述べています。 リンク多重縦スクロール【mp4クリエイター】

2点むにむに



 指定された2点を中心に、それぞれむにむに揺らす演出です。 数学的な解説も記載しています。 リンク2点むにむに【mp4クリエイター】

本アプリケーションを制作した理由


 本アプリケーションを制作した理由ですが、 Instagramに、gifアニメでは動画投稿できないことを知りまして、 mp4ファイルならできるので、作成しました。

技術解説


 mp4ファイルを独自に作ろうとして、資料が調べづらくとても苦労しました。 この記事で技術解説を行っていますので、 興味がある方はご参照ください。
[PR]

まとめ


 本記事では、gifアニメファイルや静止画の各種画像ファイルから、mp4動画ファイルを生成するアプリケーションを公開し、 その使用方法を解説しました。
 今後はバリエーションを増やし、技術解説も予定しています。

補足

  • 本記事で生成されたファイルは、悪意のない範囲で自由に使用・改変・解析していただいて問題ありません。
  • Android版FireFoxなど一部のWebブラウザーは非対応です。確認時点の情報のため改善されている可能性はあります。
  • 動画サイズは、縦横それぞれ16の倍数になるよう調整され、640ピクセルより大きい場合は縮小されます。今後変更される可能性はあります。
  • 本記事で生成されたmp4ファイルのツール名は「LogicLoversInc.」になります。
  • 画像内のラスタライズ文字フォントにOpen Font LicenseNoto Sans Japaneseを使用しております。
  • gifファイル生成にjsgifを(ほんの少しだけ改修して)使用しております。感謝!
  • (本記事公開後)本記事公開後に公開された記事へのリンクを追加しております。
  • (本記事公開後)動画サイズの仕様を変更し言及を追加しました。
  • (本記事公開後)「安全性」→「プライバシーと安全性」としました

カテゴリー:Webアプリケーション,mp4クリエイター
[PR]