Webサイトにプレイリストを埋め込む

著者: Joan Hall
作成日: 25 1月 2021
更新日: 3 J 2024
Anonim
とっても簡単!WebサイトにGoogleマップや動画を埋め込むHTMLの書き方
ビデオ: とっても簡単!WebサイトにGoogleマップや動画を埋め込むHTMLの書き方

コンテンツ

プレイリストは、次々に再生される曲のリストです。曲がMP3形式の場合は、それらをサーバーに送信し、リストを含むファイルを作成してそれらをソートし、HTMLコードを挿入してページに埋め込むことができます。訪問者はウェブサイトにアクセスしたときにあなたのプレイリストを聞くことができます。


説明書

プレイリスト用に新しいファイルを作成します

    MP3ファイルをアップロードする

  1. DreamweaverなどのFTPプロトコルを処理できる場合は、サイト編集ソフトウェアを起動します。それ以外の場合は、FTPソフトウェアを起動してください。

  2. ローカルソフトウェアファイルのリストで、プレイリストに含めるMP3ファイルを選択します。

  3. アップロードボタンをクリックするか、選択したファイルをリモートファイルのリストにドラッグしてサーバーに送信します。

    M3Uファイルを作成する

  1. 開いていない場合は、サイト編集ソフトウェアを開いてプレイリスト用の新しいファイルを作成してください。 .M3U拡張子を付けて保存してください。 Dreamweaverまたは他のすべての新しいページにHTMLヘッダーを自動的に挿入するソフトウェアを使用している場合は、コードを削除してページを完全に空白のままにします。

    プレイリスト用に新しいファイルを作成します
  2. ステップ3で送信した音楽ファイルの名前を入力してください。必ず.MP3拡張子を必ず含めて、ファイルの新しい行に各名前を入れてください。

    アップロードした音楽ファイルの名前を入力してください
  3. すべての情報を入力したら、M3Uファイルを保存します。


  4. M3Uファイルをサーバーにアップロードして、MP3ファイルと同じディレクトリに配置します。

    HTMLタグ "embed"を追加

  1. サイト編集ソフトウェアで、プレイリストを埋め込むページを開き、リスト上のコントロールを表示する場所のカーソルをクリックします。

  2. ページのHTMLを見て、カーソルの位置に次のHTMLコードを入力します。 FILEは送信されたM3Uファイルの名前です。

    カーソルの位置にHTMLコードを入力してください
  3. 変更を保存してページをサーバーにアップロードします。

  4. ブラウザを使用してページを表示し、プレイリストをテストしてください。

    ブラウザを使用してページを表示し、プレイリストをテストします

どうやって

  • ページが開いたときにプレイリストが自動的に再生されるようにプレイリストを設定するのは避けてください。これは、特にコンピュータの音量が大きい場合や、仕事のように音楽の再生がよくない場所にいる場合に、訪問者を悩ませます。
  • M3Uファイルは、メモ帳などの一般的なテキストエディタでも作成できます。
  • PHPまたはCGIスクリプトに精通している場合は、PHP.Resourceindex.comなどのサイトからダウンロードできる多数のオーディオ管理スクリプトがあります。
  • プレイリストを終了後に自動的に再開させる場合は、HTMLのEMBEDコマンドにloop = "true"属性を追加します。

お知らせ

  • Webサイトでの音楽の使用を承認しないアーティストもいます。

必要なもの

  • FTPソフトウェア(サイト編集ソフトウェアに含まれていない場合)
  • ウェブサイト編集ソフトウェア