サイト制作に関するメモ書き

HOME > JavaScript > iPhoneでJavaScriptからaudioの音量を変更できない

iPhoneでJavaScriptからaudioの音量を変更できない

iPhoneでaudioの音量を変更しようとしてうまくいっていなかったのでメモしておきます。

サンプルコード

HTML

<div>現在: <span id="result"></span></div>
<button id="down">down</button>
<button id="up">up</button>

JavaScript

var result = document.getElementById('result');

var audio = new Audio(); // audioの作成
audio.src = 'sound.mp3'; // 音声ファイルの指定
audio.volume = 0.5; // 音量の変更
audio.load(); // audioの読み込み

result.innerHTML = audio.volume;

// 音量の変更
document.getElementById('down').addEventListener('click', function() {
	if(audio.volume >= 0.1) {
		audio.volume = audio.volume - 0.1;
		result.innerHTML = audio.volume;
	}
}, false);
document.getElementById('up').addEventListener('click', function() {
	if(audio.volume <= 0.9) {
		audio.volume = audio.volume + 0.1;
		result.innerHTML = audio.volume;
	}
}, false);

audioの音量変更のデモページ
Androidではvolumeの変更ができましたが、iPhoneではvolumeが1から変更できないようです。
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

▲PAGE TOP