1

有一个我不清楚的情况。

我想要的是：播放音频，音频播放完毕后，开始麦克风录音。

问题：在 FF 和 Chrome 中，代码运行良好。然而，在 Safari 上，当音频停止播放并且麦克风录音功能开始时，音频会同时再次播放。

开始和结束钩子是用 jQuery 完成的。这是结束的绑定。

var on_audio_stop = function() {
    start_microphone_recording();
}
$( 'audio' ).bind( 'ended', on_audio_stop );

start_microphone_recording 函数调用一个函数，其中更改了图标，然后调用了 init_recording，仅此而已，所以我没有包括那个。

启动麦克风功能：

function init_recording() {
    AudioContext = window.AudioContext || window.webkitAudioContext;

    context = new AudioContext();

    processor = context.createScriptProcessor( buffer_size, 1, 1 );

    processor.connect( context.destination );

    var handle_success = function ( stream ) {
        global_stream = stream;

        input = context.createMediaStreamSource( stream );

        input.connect( processor );

        processor.onaudioprocess = function ( e ) {
            microphone_process( e );
        };
    };

    navigator.mediaDevices.getUserMedia( constraints ).then( handle_success );
}

在 Safari 中激活 mic 时，会执行“播放”绑定功能。我试过使用 pause() 并静音但不起作用。还尝试删除音频标签并从音频标签中清除 src。

任何人都知道 Safari 为什么要这样做以及解决方案可能是什么？

示例：我在 html 的 AUDIO 标记中设置了 5 个 MP3 音频，我一个一个地播放，我运行“init_recording”函数，Safari 将同时播放所有 5 个 MP3 音频，同时麦克风已经启动记录。

4

2 回答 2

0

在 Safari 上遇到同样的问题，删除和添加 src 标签不是一个很好的解决方案，在我的情况下也不是问题。我的音频标签甚至没有在 dom 中呈现，但 Safari 仍在录制时播放它。

在我的情况下，删除autoplay属性并在安装时手动播放音频（我使用 React）就可以了

于 2020-01-09T10:19:41.153 回答
0

事实证明，Safari 的解决方案是不设置src属性。

如果您有一个或多个audio内联标签，请从标签中删除src属性audio，例如将数据属性设置为data-src. 然后用JS在点击播放的时候，将URL添加到srcaudio标签的。

关于播放功能：

audio.pause();
audio.load(); // Load the audio URL that was added to the src tag.
audio.play();

或者通过JS插入整个audio标签。

于 2018-09-06T08:27:20.693 回答