amp-story视频加载后立即取消静音，以确保默认情况下声音处于启用状态

Question

通过查看this question的答案和this PR，我理解了为什么amp-stories在默认情况下是静音的。但我想在故事加载后立即取消静音。

也许通过调用相同的函数，在点击右上角的声音按钮时取消静音故事？我将在“load”上调用它，而不是单击“click”。

在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的初学者)

谢谢

Answer 1

由于媒体在web上没有用户手势就无法播放声音，因此您无法在web浏览器中构建此功能。如果您尝试取消静音媒体，播放将失败。

要做到这一点，唯一的方法是在本机应用程序中实现自动播放未静音的媒体，而不需要用户手势。您需要(1)配置webview，以及(2)讲述故事以取消其媒体静音。

(1)配置webview (默认屏蔽未静音的媒体播放)

安卓

• ：https://developer.android.com/reference/android/webkit/WebSettings.html#setMediaPlaybackRequiresUserGesture(boolean)
• iOS：https://developer.apple.com/documentation/webkit/wkwebviewconfiguration/1851524-mediatypesrequiringuseractionfor

(2)讲述故事以取消其媒体静音您需要使用开源的Story Web播放器，如下所述：https://github.com/ampproject/amphtml/issues/28416然后您可以对每个story执行player.unmute()。

总而言之，您要做的是：

在web browser

• Possible中，如果故事是在本地Web视图中呈现的，并且已正确配置为自动播放未静音的媒体，则使用Web播放器取消故事的静音是不可能的