.mp4 ビデオを再生し、ベース Javascript (ライブラリなし) と HTML5 (Mac OSX 10.10.4) を使用して再生速度を変更する実験をセットアップしようとしています。ビデオの再生速度を .5x に変更すると、オーディオ ビデオの速度は遅くなりますが、Firefox (バージョン 39.0.3) ではオーディオが非常にぎくしゃくします。この問題は、Chrome (バージョン 44.0.2403.130、64 ビット)、Safari (バージョン 8.0.7)、または IE (バージョン 11 以降) ではそれほど顕著ではありません。Firefox を使用しているときに、このビデオの音声のノイズを少なくする方法はありますか?
<script type="text/javascript">
var videos = ['2.4.mp4', '3.2.mp4', '2.8.mp4']
var rates = [.5, 1, .5]
function setupStim(){
stim = document.getElementById('movie');
stim.addEventListener('loadeddata', function() {
stim.defaultPlaybackRate = rates[trialNum];
stim.playbackRate = rates[trialNum];
stim.play();
setTimeout(enableButtons,stim.duration*1000);
}, false);
}
function Stimulus(trialNum, movieName,rate,response, rt) {
this.trialNum = trialNum;
this.movieName = movieName;
this.rate = rate;
this.response = response;
this.rt=rt;
}
function playVideo(){
hide('start');
stim.src = "https://s3.amazonaws.com/mcgurkstimuli/" + videos[trialNum];
document.getElementById('p3').innerHTML = (trialNum + 1)+ ' / '+ N;
time0=performance.now();
return time0;
}
function choice(resp){
var time1 = performance.now();
stim.rt = Math.round(time1-time0);
stim.response = resp;
videos[trialNum] = new Stimulus(trialNum,stim.src,rate,resp,stim.rt);
videos[trialNum].rt = stim.rt;
videos[trialNum].response = stim.response;
videos[trialNum].movieName = stim.src;
videos[trialNum].rate = stim.playbackRate;
videos[trialNum].trial=trialNum;
data +=videos[trialNum];
document.getElementById("inputfields").innerHTML = data;
trialNum++;
if (trialNum<N){
playVideo();
}
else {
hideOptions();
hide('movie');
}
}
</script>
<p><button class="startButton" id="start" onclick="playVideo()" type="button">Begin Task</button>
<video id="movie" onended="showOptions()"><source /></video>
</p>
応答