ベストアンサー

FLASHのハイパーリンクをソースに表示する方法

2006/04/03 17:13

FLASHで自作したメニューバーをHTMLに張り付け、CSSをつかって配置しています。そこで、FLASH内のハイパーリンクを、別にソースに表示する方法を教えていただけないでしょうか？目的としては、FLASH内のハイパーリンクがどのURLに接続しているのかを、音声プラウザで読み上げさせたいのです。TEXTをマイナス表示したりul要素をいじってみたのですが、どうしてもFLASHのメニューバーがテキストの次に表示されてしまいます。教えていただけませんか？

suzuko
お礼率92% (38/41)

CSS
回答数4
ありがとう数5

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#35109

2006/04/19 21:21 回答No.4

＃３です。＃３自体が長いので書いているうちに重要なことを書き忘れていました。＃３も読み上げに関係する部分は上半分です。下半分（～別の話～）は無視してください。重要なことを書き忘れですが，私が１年近く前に次にようなことを回答しています↓。「HTMリンクから、別フレームFLASHの　　　　　　　　　　　　各コンテンツを動かす方法」 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1468579 　　↑教えて！goo　　↓OKWave　（同じです） http://okwave.jp/kotaeru.php3?q=1468579 　～質問を要約すると～　ページ読み上げソフトを使われる方が　リンク先に飛べるように　右HTMフレームにもテキストでFLASHと同じリンクを　作成したけども，　右HTMフレームのリンクをクリックしたときに，　左のフレームのFLASHをそれと連動させたい。というような内容です。 HTMLとFlashに同じリンクを見えるように作っておくのも手ですね。見かけは悪くなる気もしますが。 ------------------------------------------- 本題はそれではありません。その質問の＃１でも回答しています。ご存じかもしれませんが，こういう↓サイトもあります。アクセシビリティに配慮したFlashコンテンツ富士通 http://jp.fujitsu.com/accessibility/casestudy/pdpflash/ Macromedia Flash(TM) ムービーの読み上げについて http://www-6.ibm.com/jp/accessibility/soft/jaws45-flash/jaws45-flash.html 上の富士通のページの http://jp.fujitsu.com/accessibility/casestudy/pdpflash/#case4 |メニューの読み上げ　という項目にはわざわざ Flash のタイムラインまで用意して，ボタンの作り方の説明まで書かれてあります。また，この↓ページも参考になります。 http://www.macromedia.com/jp/macromedia/accessibility/column/togoru/ Flash MX 2004 のことばかり書かれているように見えますが，Flash MX でもアクセシビリティには対応しています。詳しくは，ヘルプのアクセシブルコンテンツの作成 > 高度なアクセシビリティオプションの指定を見てみてください。一部分だけ引用すると，　ムービー内の選択したオブジェクトに対するアクセシビリティの定義　1 ステージでオブジェクトを選択します。　2　次のいずれかの操作をします。　　インスペクタが表示されていない場合は、　　[ウィンドウ]-[プロパティインスペクタ] を選択します。　　プロパティインスペクタで、　　[アクセシビリティ設定の編集] ボタンをクリックします。　　[ウィンドウ]-[アクセシビリティ] を選択します。　3 [アクセシビリティ] パネルで、次のいずれかを実行します。　　[オブジェクトをアクセス可能にする] (デフォルトの設定) を　　選択して、オブジェクトをスクリーンリーダーに公開し、　　パネル内のほかのオプションを有効化します。　　～　～　～　～　～　～　～　～ここで言う「スクリーンリーダー」とは具体的にどのソフトかは MX のヘルプからではわかりにくいですが， Flashドキュメンテーション > スクリーンリーダー技術について http://livedocs.macromedia.com/flash/8_jp/main/00000881.html によると， Freedom Scientific の「JAWS」 http://www.freedomscientific.com/fs_products/software_jaws.asp GW Micro の「Window-Eyes」 http://www.gwmicro.com/ は対応しているらしいです。しかし，日本語の場合については書いてありません。調べてみたところ，「JAWS」には日本語版があり PDF、Flash、JavaScriptへの対応もされているそうです。 http://www.aao.ne.jp/column/2005/ishiki01.html 「PC-Talker」というソフトも対応済のようです。 http://www.aok-net.com/dlpage/dltkpx.htm また，「Macromedia製品とアクセシビリティ」　には http://www.keiyu.com/access/macro.htm 　高知システム開発のPC-Talker、　日本アイ・ビー・エムのJAWS 4.5、　システムソリューションとちぎの95Reader Ver.5.0（XP Reader）が対応。とあります。つまり，言いたいことは， Flash 内のアクセシビリティは Flash 自体でする方法も考えられます。むしろその方がスマートで一般的なのかもしれません。ということです。ただし，「JAWS」「PC-Talker」などが，実際に日本で読み上げにどれほど使われているのかはその筋の専門ではないのでよくわかりません。また，視力が弱い方と全盲の方では使われるソフトも変わるのかもしれません（変わらないのかもしれません）。つまり，これまた定番ソフトのようなものがよくわからないので，自信なしです。

質問者

お礼 2006/04/20 18:09

おぉ～　ありがとうございます～ひぇ～～～～頭がついてゆかない～ゆっくり熟読させていただきます。

その他の回答 (3)

noname#35109

2006/04/18 19:30 回答No.3

その，音声読み上げソフトの種類もわかりませんし，わかったとしてもたいてい高額で，実験できないので答えにくいのですが…… http://allabout.co.jp/internet/hpcreate/closeup/CU20040510A/ http://allabout.co.jp/internet/hpcreate/closeup/CU20040510A/index3.htm 　↑ここにある方法で，とりあえず Flash の下に文字を置くことはできるでしょう？そのサイトから引用すると， -------------------------------- <div style="position: relative;"> <img src="dog.jpg" width="320" height="140" alt="犬看板"><br> <div style="position: absolute; top: 15px; left: 150px; width: 150px;"> 看板の内側に表示する文章です。 </div> </div> -------------------------------- この部分です。この img タグの部分を Flash Player 6 用（Flash MX 用）の SWF ファイルを貼り付けるタグに書き替えると，次のようになります。「sample.swf」を作成し，HTML と同じディレクトリに置いた場合です。 -------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>CSS+Flash</title> </head> <body> <div style="position: relative;"> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="320" HEIGHT="140" id="sample" ALIGN=""> <PARAM NAME=movie VALUE="sample.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="sample.swf" quality=high bgcolor=#FFFFFF WIDTH="320" HEIGHT="140" NAME="sample" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> </EMBED> </OBJECT> <br> <div style="position: absolute; top: 15px; left: 150px; width: 150px;"> 看板の内側に表示する文章です。<br> 看板の内側に表示する文章です。 </div> </div> </body> </html> -------------------------------- 「看板の内側に表示する文章です。」×２行　は見えないはずです。 Flash の下に CSS で文字を配置することは簡単にできます。ただ，それが読み上げソフトに対応しているのかどうかはわかりません。～～～別の話～～～～～～～～～～～～しかし，逆にこれだと Flash の下に文字がもぐるので困る人は多いようです。教えて！サイトに　「Flash の上に文字を表示させる方法を教えてください。」　「Flash の上に画像を表示させる方法を教えてください。」という質問がかなり来ます。私は飽きもせず（かなり飽いたけど），毎回同じような回答をしています。　Flash 自体は透明でも透明でなくてもいいので，　Flash を貼り付けるタグに背景透明を付け加えてください。　具体的には Object タグ内に　　<PARAM NAME=wmode VALUE=transparent> 　と，Embed タグ内に　　wmode=transparent 　を付け加えるのです。というような回答です。上記サンプルに，これを当てはめると -------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>CSS+Flash</title> </head> <body> <div style="position: relative;"> <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="320" HEIGHT="140" id="sample" ALIGN=""> <PARAM NAME=movie VALUE="sample.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="sample.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="320" HEIGHT="140" NAME="sample" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> </EMBED> </OBJECT> <br> <div style="position: absolute; top: 15px; left: 150px; width: 150px;"> 看板の内側に表示する文章です。<br> 看板の内側に表示する文章です。 </div> </div> </body> </html> -------------------------------- こう↑なります。これで， Flash の上に文字を置くことができます。（逆に今回の読み上げの場合は困る事態になります。）ブラウザによってはwmodeを受け付けないので，完全に文字を上に表示させることはできません。 Flashの上に何かを表示させることについては， JavaScript や CSS で作ったプルダウンメニューが，Flashの上にダラーンと垂れ下がる場合に，そのプルダウンメニューが Flash の下にもぐって見えなくなるので， Flash の上に物を表示させる方法を質問される方が最も多いです。次に多いのが，Flash作成ソフトを持っていなくて， Flash の素材やさんからダウンロードしたのは良いけど，自分なりにそれをHTMLでカスタマイズしたいときに質問される方が多いです。どっちにしても答えは同じ。　「背景透明」のタグを入れる。　ただし全てのブラウザでは対応していない。という回答になります。 Flash では，パブリッシュの設定で，「HTML」タブを選択して，ウィンドウモード(O) を [透明表示] にしてパブリッシュすれば，自動的に上のようなHTMLがパブリッシュされます。～～～以上，半分別の話でした。～～～～～～

質問者