为什么音频可视化的实时流无法在移动设备/ Safari上运行?

时间:2019-05-26 22:01:40

标签: javascript three.js safari web-audio web-audio-api

我正在尝试基于three.js示例制作音频直播可视化器: https://threejs.org/examples/?q=visua#webaudio_visualizer

它不适用于Safari或iPhone手机(Safari,Chrome)。 在所有设备上都可以使用mp3文件代替直播。

    var listener = new THREE.AudioListener();
    var audio = new THREE.Audio( listener );
    // not working on iPhone (Chrome, or Safari) or Safari Desktop
    var mediaElement = new Audio( 'https://c2.radioboss.fm:18071/stream' );

    //this works ok everywhere:
    //var mediaElement = new Audio( 'https://raw.githubusercontent.com/zadvorsky/three.bas/master/examples/_audio/song.mp3' );

    mediaElement.crossOrigin = "anonymous";
    mediaElement.loop = true;
    mediaElement.play();
    audio.setMediaElementSource( mediaElement );
    analyser = new THREE.AudioAnalyser( audio, fftSize );

https://codepen.io/pesinasiller/pen/Pvevry (第23-24行)

没有错误消息,但是来自分析器的音频数据在移动设备上始终为0。

0 个答案:

没有答案