フリーBGM DOVA-SYNDROME

作曲者向け ハウツー HOWTO TOPIC FOR COMPOSERS

このトピックは作曲者向けに書かれています。

SoundCloud埋め込みプレーヤーの初期音量を設定する方法

by 稿屋 隆

作曲者, ハウツー

duration2017-06-07
  • このエントリーをはてなブックマークに追加

SoundCloud埋め込みプレーヤーの初期音量が大きい、気がする


音楽屋さんに限らず音声関連でSoundCloudを利用されている方は多いと思います。ヘビーユーザーという程ではないですが、稿屋も製品音源のデモ楽曲などはこちらを利用して公開させていただいています。

特にHPやブログなどにSoundCloudのプレーヤーを埋め込める機能(Enbed)が便利で、これが目当てで利用されている方が結構いるのではと。

で、なにやらこの埋め込みプレーヤーの再生音量が大きい、気がする。

DOVAの試聴プレーヤーやYouTubeの音量初期設定は元ファイルの50%です、多分。うちのモニタリング環境はそれらに合せて調整していますが、SoundCloudの埋め込みプレーヤーはどうも100%のようで、油断して再生すると曲によっては心臓が飛び出るかと思うわけです。

JavaScriptで初期音量を設定する


そこでSoundCloud埋め込みプレーヤーの初期音量を調整する(簡単な)方法を探してみました。稿屋みたいなプログラムって今一つ解らん、という方でも多分できる、JavaScriptを使った取り敢えず用が足りればいいや的な方法です。

 1. ヘッダにSoundCloudのAPIを読み込みます。
 ※ヘッダじゃなくても良いですが、埋め込みタグ(iframe)より先に記述します。

 2. SoundCloudでコピーした埋め込みタグ(iframe)を設置します。

 3. 埋め込みタグに任意のIDを設定(下記例の場合は id="example")します。

 4. プレーヤーの音量を設定するJavaScriptを設置します。
 ※JavaScript内の赤字の部分を[3]で設定したidに変更します。

 4. setVolumeの値を任意で変更します。
 ※1.0が100%(最大)で0.5が50%になります。1.0を超えた場合は100%で出力されるようです。

サンプルソース


<head>

 <!-- SoundCloudのAPI -->
 <script src="https://w.soundcloud.com/player/api.js"></script>

</head>

<body>

 <!-- プレーヤーの埋め込みコード -->
 <iframe id="example" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/XXXXXXXXX&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>

 <!-- JavaScript -->
 <script type="text/javascript">
  (function(){
   widgetexample = SC.Widget(document.getElementById('example'));
   widgetexample.bind(SC.Widget.Events.READY, function(){widgetexample.setVolume(0.5);});
  }());
 </script>

</body>


以上です。

作曲者さんに限らずSoundCloudの埋め込みプレーヤーをご利用されている方のお役に立てば幸いです。
duration2017-06-07 ライター : 稿屋 隆
  • このエントリーをはてなブックマークに追加

関連トピック