小编Col*_*all的帖子

如何停止和恢复HTML5中的实时音频流而不仅仅是暂停它?

当我在HTML5中构建一个简单的音频流元素时出现的一个显着问题是,该<audio>标签的行为与播放和暂停实时音频流的预期不同。

我正在使用最基本的HTML5代码来流音频,<audio>带有控件的标签,其源是实时流,可以在此处进行演示:http : //jsfiddle.net/uzzz03ha/

当前结果:首次播放流时,它将播放预期的流。但是,当暂停并再次播放时,音频将恢复到先前暂停流时停止播放的位置。用户现在正在收听流的延迟版本。发生这种情况不是特定于浏览器的。

期望的结果:当流暂停时,我希望流停止。再次播放时,我希望它恢复流当前所在的位置,而不是用户暂停流时的位置。

有人知道暂停后可以正确恢复该音频流的方法吗?

我为解决此问题而进行的尝试失败:

  • 更改currentTime音频元素的不会对流音频产生任何影响。
  • 当用户停止流播放时,我已从DOM中删除了音频元素,并在用户恢复播放时将其重新添加。流仍然在用户离开的地方继续,更糟糕的是,在后台下载了流的另一个副本。
  • 每次播放流时,我都会在流URL的末尾添加一个随机的GET变量,以使浏览器认为自己正在播放新的流。播放仍在用户暂停流的地方继续播放。

html audio html5 audio-streaming html5-audio

4
推荐指数
1
解决办法
5684
查看次数

如何使Vue.js中的值无效?

在我的Vue.js应用程序中,我有一个数组值,仅当用户完成特定的“刷新”操作时才应更新该值。但是,一旦我为该数组值分配了一个新值,该数组值就会变为反应性的,并且随着分配值中数据的更改而立即更改。数组值应保持不活动状态。

例如,我有一个方法,refresh()该方法在被触发时旨在displayedDatacurrentData,它应该是反应性的,更新不应该是反应性的。displayedData仅应在调用刷新时更新。

methods: {
    refresh: function() {
        this.displayedData = this.currentData;
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript vuejs2

2
推荐指数
1
解决办法
946
查看次数

标签 统计

audio ×1

audio-streaming ×1

html ×1

html5 ×1

html5-audio ×1

javascript ×1

vuejs2 ×1