今日(2月16日)デブサミで
スマホでアルファ動画が使えるH2MDを使って30分でWebムービー演出を作る
を聞いてきたのでメモメモ
●はじめに
・自己紹介
・H2MDとはなにか
格式会社アクセルが開発した動画コーディック
アルファ(透過)ムービーが扱える
・デモ
→HTMLで簡単に実装
・「H2MD]=動画コーディック
Javascriptのデコードライブラリを提供
・連番動画と比べて動画容量を大幅圧縮
PNG連番(AVI)に比べると、大幅に小さい
・アルファ(透過)ムービーが扱える
モンスターだけを変えるとかできる
●H2MD形式のエンコードについて
・自己紹介
・動画をH2MDに変換する方法と、パラメータ
・H2MDへの変換はEncoder(webサービス)を使います
MP4、AVI,MOVをアップロード
・Encoderデモ
・エンコードの際にできること
パラメータの設定
クオリティ=画像のきれいさ(100段階)
ブロロックサイズ=格子のおおきさ(おおきくなるとかたかたする)
アルファビット=アルファの画質
・H2MD再生の仕組み
格子状に切り取られたもの出力→並べ替え、入れ替えで画像つくる
ブロックサイズ:小さいとなめらかになるが、大きいと再生に有利
・パラメータ設定のまとめ
主に3つのパラメータ調整:狙った表現簡単に
●実装する方法
・H2MDコーディングでも
ステップ3つ
1:元素材をH2MD変換
2:Canvasタグ設定
3:Javascriptで実装
Javascriptで無限ループとか、色々設定できる
●活用事例
・Webページに乗っかっている
・背景、キャラクター別々
・採用事例
テレビ局
ゲーム:オープニング
製菓メーカー
・エンコーダーはRich Labに
→テストアカウントも発行可能
スマホでアルファ動画が使えるH2MDを使って30分でWebムービー演出を作る
を聞いてきたのでメモメモ
●はじめに
・自己紹介
・H2MDとはなにか
格式会社アクセルが開発した動画コーディック
アルファ(透過)ムービーが扱える
・デモ
→HTMLで簡単に実装
・「H2MD]=動画コーディック
Javascriptのデコードライブラリを提供
・連番動画と比べて動画容量を大幅圧縮
PNG連番(AVI)に比べると、大幅に小さい
・アルファ(透過)ムービーが扱える
モンスターだけを変えるとかできる
●H2MD形式のエンコードについて
・自己紹介
・動画をH2MDに変換する方法と、パラメータ
・H2MDへの変換はEncoder(webサービス)を使います
MP4、AVI,MOVをアップロード
・Encoderデモ
・エンコードの際にできること
パラメータの設定
クオリティ=画像のきれいさ(100段階)
ブロロックサイズ=格子のおおきさ(おおきくなるとかたかたする)
アルファビット=アルファの画質
・H2MD再生の仕組み
格子状に切り取られたもの出力→並べ替え、入れ替えで画像つくる
ブロックサイズ:小さいとなめらかになるが、大きいと再生に有利
・パラメータ設定のまとめ
主に3つのパラメータ調整:狙った表現簡単に
●実装する方法
・H2MDコーディングでも
ステップ3つ
1:元素材をH2MD変換
2:Canvasタグ設定
3:Javascriptで実装
Javascriptで無限ループとか、色々設定できる
●活用事例
・Webページに乗っかっている
・背景、キャラクター別々
・採用事例
テレビ局
ゲーム:オープニング
製菓メーカー
・エンコーダーはRich Labに
→テストアカウントも発行可能