java - 如何在 HTML5 中动态加载 inputStreamjava中的标签

Question

正在从 Web 服务接收动态 inputStream 并且我希望将其插入 HTML5 音频标签以便用户能够播放它，如何动态（以编程方式）设置 HTML5 标签的内容？

Answer 1

能够直接获取流的音频元素

<h2>Local-Audio</h2>
        <audio id="audio1" controls="controls" ></audio>
        <button id="btn1" onclick="addStream()">
            Add Stream
        </button>
        <script>
            var btn1 = document.getElementById("btn1");
            var audio = document.getElementById("audio1");
            function addStream() {
                getUserMedia({audio : true}, gotStream, function() {});
            }

            function gotStream(stream) {
                audio.src =  window.URL.createObjectURL(stream);
                audio.play();
            }
        </script>