2008年09月17日

音を鳴らす

世田谷さんぽで、アップロード可能な動画・音声関連のファイル形式は以下の通りです。

●動画・音声関連
「avi」「mov」「wmv」「mpg」「mpeg」「mp4」「3gp」

動画や音声については基本的に同じ方法で、データを掲載することができます。

ここでは、せっかくなので、世田谷区のサイトにあった、せたがやのうた「おーい せたがや」のMP3ファイルをサンプルにして、いくつか音を鳴らしてみたいと思います。

せたがやのうた「おーい せたがや」については、こちらを。
http://www.city.setagaya.tokyo.jp/chiikieizo/music/index.html

(1)リンクをクリックするとファイルがダウンロードされ、再生が始まる

せたがやのうた「おーい せたがや」(合唱版)ダウンロード

このリンクをクリックすると、音声ファイルがダウンロードされ、再生されます。

コードは

<a href="http://www.city.setagaya.tokyo.jp/chiikieizo/real_meta/Setagaya_04.mp3">せたがやのうた「おーい せたがや」(合唱版)ダウンロード</a>

となっています。つまり

<a href="音声ファイルのURL">リンク用のテキスト</a>

という具合で、記述します。

これは、音声ファイルだけでなく、普通のウェブサイトやブログなどにリンクをするときも同じです。

(2)記事内に音声ファイルを埋め込む

せたがやのうた「おーい せたがや」


再生ボタンを押すと、音楽がスタートします。

コードは

<embed src="http://www.city.setagaya.tokyo.jp/chiikieizo/real_meta/Setagaya_04.mp3" repeat="false" autostart="false">

と書いています。

<embed src="ファイルのURL" repeat="true or false" autostart="true or false">

で、「repeat」は繰り返しをするかどうかで、「true」だと繰り返しあり、「false」だと繰り返しなしとなります。

また、「autostart」はページの読み込みと同時に再生を始めるかどうかで、「true」だと自動スタートあり、「false」だと再生ボタンをクリックすると再生されるようになります。
ページを開いたときに、音が鳴るとびっくりするので、「false」にするのがオススメです。

また、もしかすると、使っているブラウザによって、自動再生されてしまったりする場合もあるようですので、(1)の方法を使って、音を聞きたい人だけが聞けるようにしておくと良いと思います。

動画や音声を挿入する方法はいくつかあります。

Youtubeの動画などは、「埋め込み」と書いてあるコードをコピペすれば、以下のように貼り付けられます。

※世田谷テレビの中山君が太子堂の八幡湯でイベントをやったときの映像です。

タグ :ブログ質問

この記事へのトラックバックURL

http://setagayasya.setagaya-1.net/t1259
この記事へのコメント
世田谷社 サカイ様

丁寧な回答をどうもありがとうございます!
さっそくチャレンジしてみますね!

また、何か分からない点など出てきましたら
質問させていただきますね。宜しくお願い致します。
Posted by ビーンズ清水 at 2008年09月18日 20:41