ここから本文です

この知恵ノートを「知恵コレクション」に追加しました。

追加した知恵ノートはMy知恵袋の「知恵コレクション」ページで確認できます。

知恵コレクション」に登録済みです。

再登録しました。

追加に失敗しました。

ノートに戻り、もう一度やり直してください。

すでに1,000件のノートが登録されています。

新しく追加したい場合は、My知恵袋の「知恵コレクション」ページで登録されているノートを削除してください。

追加できませんでした。

ノートは削除されました。

ホームページで音楽を鳴らす方法まとめ(MP3、MIDI、Youtube)

ライターさん(最終更新日時:2013/1/18)投稿日: アドバイス受付中!

印刷用のページを表示する

音楽ファイルがある場合

HTMLドキュメントの<body>~</body>部分に

<embed src="音楽ファイル" autostart="true" loop="true" height="60" width="150"></embed>

と入力

 

音楽ファイルについてはユーザーのインストールしているメディアプレーヤーの環境に大きく左右されます

また、このやり方ではプレーヤーが付属します。

制御方法

autostart="****"

の****をtrueで自動再生ON、falseで自動再生OFF

loop="****"

の****をtrueでリピートON、falseでリピートOFFです

プレーヤーを消す場合は

<embed src="音楽ファイル" autostart="true" loop="true" height="2" width="2"></embed>

こちらを使用してください。

ループや自動再生などの制御方法は上のと同じです

 

音楽ファイルがなく、Youtubeからとってくる場合

HTMLドキュメントの<body>~</body>内に

<iframe width="0" height="0" src="http://www.youtube.com/embed/****?rel=0" frameborder="0" allowfullscreen></iframe>

を入れます。****にはYoutubeURLのv=~&featureの文字列を入力してください

(旧プレイヤでは&featureはないです)旧プレイヤー

新プレイヤー

制御方法

youtubeもembedタグのように制御することができます

「?rel=0」の直後に貼り付けて利用してください

自動再生-----------&autoplay=1

リピート再生---------&loop=1

再生位置指定(秒)----&start=x

(xに時間を秒数で指定)

 

例えばこちら↓はループ再生と自動再生を有効にしたものです。

 <iframe width="0" height="0" src="http://www.youtube.com/embed/****?rel=0&autoplay=1&loop=1" frameborder="0" allowfullscreen></iframe>

ポイント
ホームページで音を鳴らす際には、<title>~</title>部に音が鳴る旨の表記をし、リンクもその表記をしましょう。

 

注意

  • ホームページ内で音楽を鳴らすことは、ホームページに悪影響がある場合があります。
  • 理由としては
  • 1.読み込みに時間がかかること
  •   HTMLページは通常KB単位でのデータ領域しか取りません
  •   しかし、音楽ファイルはMB単位に達するものも多く、読み込みに時間がかかる可能性が大きいです。便利な圧縮ファイルとしてよく使われるMP3などでもまだ重いといえます。音楽を使う際にはMIDIファイルなどの汎用的な軽めのファイルフォーマットを使うことを推奨します
  • 2.ユーザーに遠ざけられる要素になる
  •    入ってすぐ音楽がなるページはユーザーが意図せずに音がなる可能性があり、それがユーザーに遠ざけられる理由になる場合があります。

 

 

 

 

 

このノートのライターが設定した関連知恵ノート

アドバイス(このノートのライターへのメッセージ)を送る

このノートはどうでしたか?  いいと思ったことや、こうしたらもっとよくなるといったメッセージを送りましょう! ノートの内容やライターについて質問がある場合は、Q&Aから質問してみましょう

アドバイスを送るには、
Yahoo! JAPAN IDでのログインおよび
Yahoo!知恵袋の利用登録が必要です。

利用登録ナビへ

感想アドバイス履歴

もっと見る

このノートに関するQ&A

このノートに関するQ&Aは、まだありません。

このノートについて質問する

このノートについてライターの方に質問できます。

※ライターの方から必ず回答をいただけるとは限りません

※別ウィンドウで開きます

この知恵ノートのライター

グレード

グレード知恵ノートのグレード:1-2

jungoperfrさん男性

ピックアップ

【裏技】レンジでできる!フレ...
 はじめに「浸す時間無しでフレンチトーストが食べたい!」そ...
スマートフォンの料金を極限ま...
※2015/3/8 久々更新。っていうかプロバイダ増えすぎだろ・・...
≪デキる男のスーツ道場≫ネクタ...
 はじめにデキる男はネクタイの巻き方もサマになっています。...
知恵ノートを書いてみませんか?知恵ノートの書き方はこちら

知恵ノートとは?

役立つ知恵情報は、Yahoo!知恵袋公式Twitter@yahoochiebukuroをフォロー
本文はここまでです このページの先頭へ