動く吹き出しアイコン デモ（イラスト版）
再生ボタンを押すと、セリフが1文字ずつ表示され、話している人のアイコン動画だけが動きます。 イラスト版のサンプルです。静的サイト向けで、サーバー側の処理は使っていません。
自分のサイトで使うには
このフォルダ（index.html と assets/）をそのままサイトに置くだけで動きます。
セリフを変えたいときは、このファイル末尾のスクリプトにある SCRIPT 配列を書き換えてください。
人物を変えたいときは assets/ の動画（mp4 / webm）とポスター画像（webp）を同じ名前で差し替えます。
動画はアイコン用に幅480px・6秒に軽量化済みです（mp4で1本あたり約260〜410KB、元の約4MBから軽くしてあります）。登場人物は今は2人です。
※ いまの2人は画風が少し違います（男性：すっきりしたデジタルイラスト調／女性：水彩調）。セットで使うなら、どちらかのタッチに寄せて作り直すと統一感が出ます。