问题描述
通过查看this question中的答案并看到this PR,我了解了为什么默认情况下amp-story是静音的。但我想在故事载入后立即取消静音。
也许通过调用右上角的声音按钮取消故事的静音功能?而不是单击“单击”,而是将其称为“加载”。
在amp-story-system-layer.js
中,此函数initializeListeners_()
初始化了所有内容,如果我将这些脚本导入到页面中,我猜测这样的事情可以起作用:
<script>
window.addEventListener('load',function() {
isMuted = false;
this.storeService_.subscribe(
StateProperty.MUTED_STATE,(isMuted) => {
this.onMutedStateUpdate_(isMuted);
},true
);
});
</script>
有什么想法吗?这是正确的方向吗? (我是javascript的初学者)
谢谢
解决方法
由于没有用户的手势在网络上媒体无法播放声音,因此无法在Web浏览器中构建此功能。如果您尝试取消静音,则播放将失败。
要做此工作的唯一方法是在本机应用程序中,通过启用自动播放未静音的媒体而无需用户手势。 您需要(1)配置Web视图,并且(2)讲故事以使其媒体静音。
(1)配置网络视图(默认为阻止未静音的媒体播放)
- Android:https://developer.android.com/reference/android/webkit/WebSettings.html#setMediaPlaybackRequiresUserGesture(boolean)
- iOS:https://developer.apple.com/documentation/webkit/wkwebviewconfiguration/1851524-mediatypesrequiringuseractionfor
(2)讲故事以使其媒体保持静音
您需要使用开源的Story Web Player,如下所述:https://github.com/ampproject/amphtml/issues/28416
然后,您可以为每个故事执行player.unmute()
。
总而言之,您要做的是:
- 在网络浏览器中不可能
- 如果故事是在本机Web视图中呈现的,则该视图已正确配置为使用Web Player取消静音故事,从而自动播放未静音的媒体