ここから本文です

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

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

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

再登録しました。

追加に失敗しました。

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

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

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

追加できませんでした。

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

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

ライターさん(最終更新日時:2013/1/18)投稿日:

  • ナイス!:

    1

  • 閲覧数:10147

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

音楽ファイルがある場合

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

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

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

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

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

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

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

グレード

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

jungoperfrさん男性

ピックアップ

幼稚園の補助金について -私立...
この知恵ノートについて 私が幼稚園の補助金、「私立幼稚園就...
結婚してから発覚しました!
                                                         ...
照明器具の取付・交換方法 ~取...
 照明器具の取付・交換方法 ~取付方法を教えます!!~ ~ ...
本文はここまでです このページの先頭へ