5 返信 最新の回答 日時: Jul 30, 2014 10:14 PM ユーザー:城野 裕太

    MUSEに音楽を挿入することは出来ますか??

    城野 裕太

      museで作ったHPにコントロールパネルがある音楽を流すことは可能でしょうか?

      マップやyou tubeなどはソーシャルのパネルで表示可能ですが、音楽の場合はhtmlの挿入でソースを書けば可能なのでしょうか?

      下のような感じでいれたいのですが

      スクリーンショット 2014-07-30 8.16.03.jpg

        • 1. Re: MUSEに音楽を挿入することは出来ますか??
          kennchan Level 4

          ごく基本的なことを伺いますね。

           

          挿入したいオーディオのソースは何でしょうか?

          ご自分でサーバ側にアップロードして、MP3なり非圧縮データなりでそれを再生させるということでしょうか?

          または、著作権的に許諾されたサイトからストリーミングでエンベッドするということでしょうか?

           

          映像と同じくオーディオを個人のサイトで扱うには、著作権をクリアしているかどうか、ご自身で作られたオリジナルとして問題はないなど注意しなければならない点がたくさんあります。

          エンベッドの方法についてお伝えしたのに、適法でないオーディオソースを公開していた、となることがないようご注意ください。

          いずれにしても、ソースが何であるのかによって方法は違ってきます。

          • 2. Re: MUSEに音楽を挿入することは出来ますか??
            城野 裕太 Level 1

            挿入したものは知り合いのピアニストが作曲してくれた曲で、著作権の問題はありません。

             

            ソースはHDDに保存しているWAVやMIDIなどの音楽ファイルでサーバーにアップロードして再生させたいです。

            その際、音がなったり停止させたりが出来るようにしたいと思っています。

            • 3. Re: MUSEに音楽を挿入することは出来ますか??
              kennchan Level 4

              ソースについては十分理解できました。

              しかし、Museにはウィジェット、およびAdd-onにもオーディオ再生に特化した機能はないようです。

               

              一つのやり方として、「JavaScript audio.js」などで検索すればヒントは見つかるでしょう。

              概念として、サーバにソースを置きそれをJavaScriptライブラリを使って呼び出しHTMLへ埋め込むということになりますね。

              Museで実現するにはかなりカスタマイズする必要が出てきます。

              ページプロパティでメタタグ(.jsをリンクで)を記述し、ページ内でHTMLを挿入するところまでは問題ないですが、ソースを設置するディレクトリを作るためにはHTMLで書き出す必要が出 てきます。

              さらに調整したりする手間を考えると、これはMuseの仕様で対処するのはちょっと大変ではないでしょうか。

              こうなると、Dreamweaverなどで制作する場合の方が全然ラクなような気がしますが・・・

              • 4. Re: MUSEに音楽を挿入することは出来ますか??
                kazuma.m Level 4

                HTMLを挿入で行う方法があります。

                Google検索等で「HTML5 audio」と検索をされますとタグリファレンスのページがHITしますのでソースを参考にされるとわかりやすいです。

                 

                Museで実現するための手順は以下の通り。

                1. 音楽ファイルの名前を半角英数、小文字、アンダーバー等の記号にする

                ※サーバ会社によって使用できる記号に違いがあるかもしれません、スペースは使用しないように注意してください

                 

                2. Museのファイルからアップロードするファイルを追加を選択し、再生したい音楽ファイルを選択する

                 

                3. HTMLを挿入からソースを入力する

                ※ファイルのパスが必要になりますが、Museでは「assets/ファイル名」となります

                例:

                音楽ファイル名→test.mp3

                ファイルのパス→assets/test.mp3

                 

                HTML5のaudioタグを使用する方法の注意点ですが、

                閲覧される方が使用されているWebブラウザにより再生可能なファイル形式が異なります。

                そのため、音楽ファイルの変換ソフトを利用して複数のファイル形式を用意される必要があります。

                Webブラウザごとの対応状況を調査されているサイトもありますので、「HTML5 audio ファイル形式」と検索をされるとよろしいかと。

                 

                1つの方法として参考になれば幸いです。

                1 人が役に立つと言っています
                • 5. Re: MUSEに音楽を挿入することは出来ますか??
                  城野 裕太 Level 1

                  ありがとうございます。

                   

                  試してみたらばっちりエンベッドでき、再生も問題なしでした。

                   

                  本当にありがとうございます。