问题标签 [amp-stories]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
460 浏览

amp-html - 是否可以默认启用 amp-story 中的声音?

没有找到一种方法来默认启用 AMP 故事中的声音。可能吗 ?谢谢

0 投票
0 回答
497 浏览

html - AMP-Story 不允许我添加超过 15 个页面

过去几天我一直在玩 AMP 故事,我开始和他们一起做一个项目,但我遇到了一个问题。后:

以下页面不可见。是的,文件有效。它们在前面的页面中起作用,但在 id=page15 之后不起作用。

我将所有视频文件用于我的故事。

我在文档或 AMP 的松弛社区中找不到任何信息。

笔记:

  • 我确实多次检查了我的页码。从封面到第1页到第15页等,所有内容都正确编号。
  • 我的视频在 id=page15 之前有效,但之后无效
  • 所有视频都是有效的,mp4 和第 15 页及以下的作品。

到达故事 16 后,我收到以下错误:

有没有其他人有同样的问题和/或解决方案?

0 投票
1 回答
605 浏览

amp-html - AMP 故事 - 最后一页上的关闭按钮 - bookend.json

在 AMP 故事文档中:https ://www.ampproject.org/docs/reference/components/amp-story#bookend-json-endpoint

在右上角的最后一页上有一个可见的“x”(大概是为了关闭它): https ://raw.githubusercontent.com/ampproject/amphtml/master/extensions/amp-story/img/related-文章.gif

如何让“x”显示在我的故事中?

文档中的 bookend.json 文件配置中没有提到它,也没有显示“开箱即用”。

感谢所有的帮助!

0 投票
1 回答
136 浏览

amp-html - AMP 故事中奇怪的声音行为

我查看了stackoverflow,由于这是一项实验性技术,因此互联网上的任何地方都没有太多谈论它。

我创建的故事有几个 youtube 视频作为背景,在fill网格层中。当第一个开始时,它永远不会停止,将音频与下一个重叠,依此类推。

问题是,我无法在我的工作计算机上重现该问题,也无法在我的手机上重现该问题(在两种设备上都使用 chrome 和 firefox 进行了测试),因为我找不到音频按钮来打开它。而且好像没有办法默认开启

现在我什至不确定这个按钮是否存在,但我记得 15 天前我在创建我的第一个放大器故事时看到了它。编辑:我在另一台电脑上看到了 chrome 64 的按钮。我有 65 版。

0 投票
1 回答
294 浏览

css - AMP 故事禁用全屏模式

我正在使用全高清屏幕为我的项目创建一个 AMP 故事。我正在尝试禁用当浏览器具有某些特定分辨率时自动打开的“全屏模式”。我只需要获得没有背景和按钮等的全屏故事。我使用屏幕 9:16 (1080x1920)。

示例: https ://people.com/amp-stories/royal-a-to-z/

截图:

对 - https://drive.google.com/file/d/1PZmG1HOfC7TkwEgD-xTeWfalI-kkaVaD/view?usp=sharing

错误 - https://drive.google.com/file/d/128Qcg4cl4H2pUC0TxYvPG0vg_PIXPJML/view?usp=sharing

0 投票
0 回答
303 浏览

amp-html - amp 故事 facebook 分享错误

错误:无效的应用 ID:提供的应用 ID 看起来不像有效的应用 ID

我添加了以下内容

CDN 链接

0 投票
1 回答
628 浏览

amp-html - amp-story 如何在 amp-list 全屏中获取 mp4 视频?

我有一个 amp 故事,我需要从动态生成的 url 创建一个包含全屏视频的页面。在下面的第 2 页中,我直接使用 amp-video 组件呈现全屏,在第 3 页中,我使用 amp-list 提供视频 url,它不会“填充”页面。请参阅https://codepen.io/svdoever/pen/gKPdjK。要查看 codepen.io 上的示例,首先单击按钮并刷新以启用 amp-story 实验。然后使预览窗口足够大以显示故事。

0 投票
1 回答
759 浏览

amp-html - Google AMP Story Analytics,使用 Segment

我正在尝试使用Segment来跟踪 Google AMP Stories 的分析。我想跟踪观众点击故事的哪个页面,以及他们与故事互动的其他方式。

我正在使用 Segment 的 AMP Mobile Source 并遵循文档。我在每个 amp-story-page 组件中添加了代码的页面摘录:

当我使用 Segments Debugger 工具测试代码时,它在页面加载时触发了对 Segment 的调用,而不是在查看页面时。

然后我尝试合并来自AMP 故事 GitHub 页面的触发器

但我无法完成这项工作,因为我没有段的请求处理程序...使用此触发器运行我的代码时出现错误:

我也尝试使用与华盛顿邮报类似的代码,后者使用谷歌分析来跟踪他们的 AMP 故事,但我遇到了与上面代码相​​同的问题。这是华盛顿邮报的代码:

如果有人可以帮助我跟踪查看我的 AMP 故事页面的时间,那就太好了。

0 投票
1 回答
174 浏览

amp-html - 如何实施 AMP Stories 来替代现有网站

我有一个作为 Html 和 amp-html 的网站。
现在我想开始将 amp-html 网站转换为故事中的替代网站。

现在的问题是如何处理规范标签。
我的想法是在 html 版本中添加两个规范标签。每个版本一个。
当然还有每个 htm-amp 版本的规范标签。

但我不确定使用两个规范来区分 AMP 站点是否正确。所以我的问题:

如何设置 AMP 故事以替代现有 AMP 网站?我不想放弃现有的 html-amp 网站。

0 投票
1 回答
688 浏览

amp-html - 如何将一个 amp-story-page 链接到另一个?

所以,我目前正在使用AMP(amp-story)制作故事,我想知道如何放置一个从一个页面切换到另一个页面的按钮。例如,让您从第 5 页转到第 8 页而不是第 6 页的按钮。

目的是允许用户跳过一些内容。amp-story 是否也允许隐藏页面(除非您按下按钮否则无法访问的页面)?

我尝试的大多数事件都向我显示_ is not whitelisted了控制台上的“”错误。

谢谢。