yas.muトップ
>
XSPF Web Music Player(xspf_player)で日本語を表示する
XSPF Web Music Player(xspf_player)で日本語を表示する
2011-07-27 初版 2011-09-26 応用サイトとその他の追加機能についての記述 2011-10-20 デバイスフォントのマスクに関する記述を追加
h@yas.mu (Yas)
本ドキュメントはリンクフリー・無保証です。
内容についての間違いのご指摘やサジェッションは h@yas.mu まで。
XSPF Web Music Player (xspf_player)はflashベースのmp3プレイヤーです．
このページでは，xspf_playerで日本語を表示できるようにする方法を説明しています．
1. XSPF Web Music Player (xspf_player)について
XSPF Web Music Player (xspf_player)はその配布物に含まれるlicense.txtによると
2005年頃にFabricio Zuardiによって開発されたもののようです．
XMLベースのXSPF形式 で
記述されたプレイリストにより連続再生できるmp3プレイヤーです．
ActionScript2で書かれています．
配布サイト からダウンロードして利用することができます．
スリムでシンプルなデザインのMusic Player Slim，
プレイリスト一覧と画像も表示できる Music Player Extended，
ボタンだけのとてもシンプルなMusic Player Buttonがあります．
オリジナルの配布物では前2者の曲名表示で日本語が使えません．
2. 日本語を表示できるようにしたXSPF Music Playerのデモ
日本語を表示できるMusic Player Extended
日本語を表示できるMusic Player Slim
時間表示(00:00/00:00)
ダウンロードバー，プログレスバーの表示とクリックによる途中移動
演奏中の曲を常におもてとするプレイリスト（上下m窓から外れません）
連続したタイトルスクロール（末尾と先頭が接続しています）
ボリュームの特性をカーブA的に（真ん中で24%程度）
BGM的再生機能（<SEQ></SEQ>を使った連続再生）
例：http://papalin.yas.mu/bgm/
興味がある方はお問合せ下さい．
3. ActionScriptファイルの書き換え
配布物のうち，ActionScriptファイルを書き換えます．
xspf_playerはActionScript2.0で書かれています．
ここでは，シンプルなMusic Player Slimを例にとって説明します．
日本語のフォントを埋め込むと表示が確実ですが，swfファイルのサイズが
1.4MB程度にもなってしまい，実用的ではありません．
そこで，フォントを埋め込まずにデバイスフォントを利用することにします．
track_display_mc.display_txt.embedFonts = false;
tf_fmt = new TextFormat();
tf_fmt.font = "_ゴシック";
tf_fmt.size = 11;
tf_fmt.color = 0x0000ff;
track_display_mc.display_txt.setNewTextFormat(tf_fmt);
図1. mainの冒頭部分に追加する内容
なお，CS5.5のAdobe Flash Proでswf生成時，
プロパティのパブリッシュが
Flash Player 10＆10.1以上でないと日本語が表示されない ようです．
デフォルトではFlash Player 7になっていますが，このままswfを生成すると
まったく何も文字が表示されません．
このことに気付かずに悩みました．
その後，この問題の本質が
『デバイスフォントのマスクがうまくいかない』
というところにあることにに気付きました．
なぜか，Flash Player10.xでは上記の方法で表示できますが，
Flash Player 11で表示されなくなったことから気付きました．
正しくは，.flaのマスク（mask_mc）について，「マスク」属性を外し，
ActionScript側で setMask()を使ってマスクを設定することで解決できました．
デバイスフォントのマスク
関連リンク
応用サイト
IL DIVO "Papalin" --- パパリンの音楽の全て
#874,
last modified: Thursday, 20-Oct-2011 15:44:46 JST,
w@yas.mu