透過する「動画」について、聞いてきた！

今日（２月16日）デブサミで

スマホでアルファ動画が使えるＨ２ＭＤを使って３０分でＷｅｂムービー演出を作る

を聞いてきたのでメモメモ

---

●はじめに
・自己紹介

・Ｈ２ＭＤとはなにか
　格式会社アクセルが開発した動画コーディック
　アルファ（透過）ムービーが扱える

・デモ
　→ＨＴＭＬで簡単に実装

・「Ｈ２ＭＤ］＝動画コーディック
　Javascriptのデコードライブラリを提供

・連番動画と比べて動画容量を大幅圧縮
　ＰＮＧ連番（ＡＶＩ）に比べると、大幅に小さい

・アルファ(透過）ムービーが扱える
　モンスターだけを変えるとかできる

●Ｈ２ＭＤ形式のエンコードについて

・自己紹介

・動画をＨ２ＭＤに変換する方法と、パラメータ

・Ｈ２ＭＤへの変換はＥｎｃｏｄｅｒ(webサービス）を使います
　　ＭＰ４、ＡＶＩ，ＭＯＶをアップロード

・Encoderデモ

・エンコードの際にできること
　パラメータの設定
　　クオリティ＝画像のきれいさ（１００段階）
　　ブロロックサイズ＝格子のおおきさ（おおきくなるとかたかたする）
　　アルファビット＝アルファの画質

・Ｈ２ＭＤ再生の仕組み
　格子状に切り取られたもの出力→並べ替え、入れ替えで画像つくる
　ブロックサイズ：小さいとなめらかになるが、大きいと再生に有利　　

・パラメータ設定のまとめ
　主に３つのパラメータ調整：狙った表現簡単に
　　
●実装する方法
・Ｈ２ＭＤコーディングでも
　ステップ３つ
　１：元素材をＨ２ＭＤ変換
　２：Ｃａｎｖａｓタグ設定
　３：Javascriptで実装
　　　Javascriptで無限ループとか、色々設定できる

●活用事例
・Ｗｅｂページに乗っかっている
・背景、キャラクター別々
・採用事例
　　テレビ局
　　ゲーム：オープニング
　　製菓メーカー
・エンコーダーはRich Labに
　　→テストアカウントも発行可能