HTMLの中にXMLを埋め込む

28 2月

img20180228a

動画を使った掲示板アプリに,投稿された動画を一括してダウンロードする機能を付けました(参照)。ダウンロードした後で,何か見るためのビューワーもあった方が良いだろうと考えて,動画へのリンクを含む HTML を一緒にダウンロードしてもらうように書いてみました。その HTML ファイルをブラウザで開いてリンクをクリックするという感じでの利用です。元々の掲示板アプリは,動画が保存してあるサーバーから動画のリストを XML でもらっています。それで,その XML の情報をそのまま利用したいと考えていたのですが,ローカルにある XML ファイルを読み出すことは,FireFox ぐらいしか許してくれません。そのため,他の方法を取ることになりました。

冒頭のキャプチャーにあるように,HTML の中に script タグを用いて,XML を書くことができます(先頭に改行を入れるとエラーとなりますので注意)。これを JavaScript で利用します。

img20180228b

読み込みは上記のようにします。XML が含まれたスクリプトの DOM を id で捕まえて,その innerText を利用します。