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

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

プログラミングブログ記事一覧
[PR]
mp4動画ファイルクリエイター
使い方
- 「読み込み画像ファイル」で画像ファイルを読み込みます
- ファイル名および、秒数やフレームレートを調整します
- 【mp4保存】ボタンを押下し、OKを押します
- mp4ファイルがダウンロードされれば成功です
1.画像ファイル読み込み
「読み込み画像ファイル」のところで、【参照】(【ファイル選択】)ボタンから画像ファイルを選択するか、画像ファイルをドラッグ&ドロップしてください。
2.パラメーター調整
秒数とフレームレートは、読み込まれた画像ファイルがgifアニメーションだった場合は、その情報が反映されています。
そのため、各パラメーターは変更せずそのままで問題ありません。 変更したい場合は、秒数およびフレームレートの調整をしてください。 ファイル名も必要に応じて変更してください。
3.mp4保存
【mp4保存】ボタンを押下し、確認ダイアログを確認してOKを押してください。
なお【gifアニメ保存】ボタンを押下すると、gifアニメファイルを生成します。
4.ファイルダウンロード確認
mp4ファイル(またはgifファイル)がダウンロードできていれば成功です。
Webブラウザーの設定にもよりますが、通常は「ダウンロード」フォルダに保存されます。 ファイルアプリ、ファイルマネージャーアプリなどからアクセスしてください。 そこから写真/フォト/ビデオ/ギャラリーフォルダなどへの移動もできます。
[PR]
プライバシーと安全性
お使いの端末のみで処理されますので、読み込み指定された画像や生成されたファイルが他に漏れることはありません。
バリエーション
本記事は画像をそのまま変換します。 つまりgifアニメーションファイルを、mp4動画ファイルにコンバートするために使用可能です。
以下には、画像を加工するバリエーションを列挙します。 すべて、リンク先のページにあるWebアプリケーションです。
横うねうね
ファミコン世代のゲームからよく使用されている演出です。画像を横にうねうねさせます。 家庭用ゲーム機の変遷についての解説も添えています。 リンク

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

横フリフリ
指定された位置を中心に、画像を横にフリフリさせる演出です。 リンク

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

回転ぐるぐる
指定された位置を中心にぐるぐる回転させる演出です。 リンク

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

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

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

本アプリケーションを制作した理由
本アプリケーションを制作した理由ですが、 Instagramに、gifアニメでは動画投稿できないことを知りまして、 mp4ファイルならできるので、作成しました。
技術解説
mp4ファイルを独自に作ろうとして、資料が調べづらくとても苦労しました。 この記事で技術解説を行っていますので、 興味がある方はご参照ください。
[PR]
まとめ
本記事では、gifアニメファイルや静止画の各種画像ファイルから、mp4動画ファイルを生成するアプリケーションを公開し、 その使用方法を解説しました。
今後はバリエーションを増やし、技術解説も予定しています。
補足
- 本記事で生成されたファイルは、悪意のない範囲で自由に使用・改変・解析していただいて問題ありません。ただし、ご自身の判断と責任でお願いします。
- Android版FireFoxなど一部のWebブラウザーは非対応です。確認時点の情報のため改善されている可能性はあります。
- 動画サイズは、縦横それぞれ16の倍数になるよう調整され、640ピクセルより大きい場合は縮小されます。今後変更される可能性はあります。
- 本記事で生成されたmp4ファイルのツール名は「LogicLoversInc.」になります。
- 画像内のラスタライズ文字フォントにOpen Font LicenseのNoto Sans Japaneseを使用しております。
- gifファイル生成にjsgifを(ほんの少しだけ改修して)使用しております。感謝!
- ※各社の登録商標または商標について「®」「™」等の表記はしておりません。
- (本記事公開後)本記事公開後に公開された記事へのリンクを追加しております。
- (本記事公開後)動画サイズの仕様を変更し言及を追加しました。
- (本記事公開後)「安全性」→「プライバシーと安全性」としました
カテゴリー:Webアプリケーション,mp4クリエイター
[PR]