PIANO & MUSIC SCHOOL

ピアノ教室のホームページに演奏音源を載せるには|自動再生を避け、聴く目的と操作を整える

公開日

編集・制作:株式会社Acqua

通常のグランドピアノと、再生・停止を選べる音源プレーヤーを備えた画面のイラスト

BGMと、先生の演奏を聴く案内を分ける

ピアノ教室のホームページに音楽を載せたい先生は、まず何を聴いてほしいかを決めましょう。ページを開いた人全員に流すBGMと、先生の演奏やレッスン内容を選んで聴ける紹介では、必要な操作と説明が違います。音が出ない環境でも、コースや体験の条件が分かる本文は残します。

この記事は音源の掲載方法を制作担当と相談する準備です。Instagramの投稿計画や演奏動画の公開範囲はレッスン動画の案内で確認し、サイト上で聴く目的と操作をここで整理します。

聴く目的、使える音源、操作の三つを確認する

先生の演奏の雰囲気を伝えるなら、曲名、演奏する人、紹介したい点を短く添えます。生徒の演奏を使うなら、家庭内の記録として撮ったものと、一般公開を許可したものを区別します。自分が弾いた録音だから曲や録音素材を自由に使えるとは考えず、使用する権利と範囲を確認してください。

音源の候補には、原本、公開用のデータ、掲載できる場所や期間の確認記録を対応させます。権利の判断が残っているものを、デザインの確認用という理由で本番へ載せないようにします。掲載許可と、ブラウザで再生できることは別の条件です。

聴く目的、使える音源、再生と停止を分けて確認する図
図1:聴く目的、使える音源、再生と停止を分けて確認する図。説明用の生成イラストで、実在の施設・人物・実績を示すものではありません。

自動再生へ頼らず、本人が選べる操作を用意する

Chrome公式の自動再生ポリシーが説明するように、音声を伴う自動再生には条件があります。ほかの端末でも同じように鳴ると約束せず、利用者が再生を選び、停止できる操作を基本に検討します。音が出なかったことを、直ちにファイル故障と決めつけないでください。

プレーヤーは再生・一時停止の状態が分かるものにし、スマートフォンのタップとキーボードで試します。再生前に何の音源かが分かり、聴く必要がない人は本文をそのまま読める配置にします。別のページへ進んだ後も音だけが鳴り続けないかも確認します。

音源を選ぶ、操作を試す、本文とつなぐを順に進める図
図2:音源を選ぶ、操作を試す、本文とつなぐを順に進める図。説明用の生成イラストで、実在の施設・人物・実績を示すものではありません。

紹介文と掲載場所を、聴いた後の行動につなぐ

講師紹介に置くなら、先生の教え方や実際の活動の説明と合わせます。コースページに置くなら、そのコースで扱う内容の例なのか、先生自身の演奏なのかを明確にします。高度な演奏だけを大きく見せ、初心者にも同じ水準を求めるような印象になっていないか読み直しましょう。

音源の後には、学べる内容や体験で確認できることへ自然に進めるリンクを置けます。再生回数を稼ぐための強制的なポップアップや、聴くまで料金が見えない操作は必要ありません。演奏の鑑賞と体験申込みは別の目的として案内します。

初めて訪れた端末でも、再生と停止を試す

先生が普段使うパソコンだけでなく、初めてサイトを見る状態のスマートフォンでも試します。画面を開いただけで想定外の音が鳴らないか、再生を選ぶと音が出るか、一時停止や音量の操作が分かるかを確認します。ほかのアプリの音量設定や接続先も切り分けます。

回線が遅いときの待ち方、読込に失敗したときの表示、音を使わず本文から問い合わせへ進む操作も確認します。プレーヤーを表示できたことと、実際に最後まで聴けたことは別の検証です。確認できた端末と未確認の端末を記録して管理担当へ渡せます。

掲載後は、音源の期限とサイトの目的を見直す

演奏者や家庭が掲載を見直したい場合に備えて、どのページで使っているかを記録します。曲や音源を差し替えるときは、本文の説明や許可記録も同じ版へ合わせてください。古い音源へのリンクが別のページに残っていないかも確認します。

再生が増えたことだけで生徒募集の成果とは扱わず、体験への移動や実際の問い合わせを分けて見ます。先生が相談したい場合は、紹介したい音源と掲載の目的、確認できた権利の範囲を制作担当へ渡すと、ページの中での位置と機能を具体的に検討できます。

教室で確認した条件をホームページへ整理したい先生は、ピアノ教室向けホームページ制作・管理をご覧ください。ほかの課題はピアノの先生向け記事一覧から探せます。サイトの制作・更新と、先生や施設が行う受付・契約・申請は窓口を分けて確認します。

記事の編集では、先生が教室ごとに決める運用と、出典で確認する制度・施設などの条件を分けて整理しています。更新される情報は本文の出典をご確認ください。図解やイラストは説明用です。

掲載する内容と制作範囲を決めたい先生へ

対象年齢、レッスンの進め方、月謝を整理したうえで、ピアノ教室の見本と制作費に含む範囲を確認できます。

ピアノ・音楽教室向けの制作内容と費用を見る

← ピアノ・音楽教室の記事一覧へ戻る