在Google AppMaker中播放.mp3或.gif文件

Question

有什么方法可以在Google AppMaker上播放音频或Gif图像？ 我尝试了以下方法来播放.sound ， 并将其保存为HTML，其中包含从资源中复制的.mp3文件src。

var page = app.pages.RateToilet;
var x = page.descendants.sound;

function playAudio() {
      x.play();
} 

我收到以下错误

x.play is not a function
at playAudio (client:24:7)
at RateToilet.Image7.onClick:5:3

请指教..谢谢:)

Answer 1

播放.gif文件非常简单。 将文件上传到appmaker的资源部分后，只需拖放即可，如下所示。

现在，要播放保存在资源中的声音，请执行以下操作：

1）添加一个按钮小部件，并将其text属性设置为“播放声音”。
2）将以下代码添加到按钮小部件的onClick事件中：

var track = "";
var audio = document.getElementById("audio");
audio.setAttribute("src", track);
if(widget.text === "play sound") {
  widget.text = "stop sound";
  audio.play();
} else {
  widget.text = "play sound";  
  audio.pause();
  audio.currentTime = 0;
}

3）在按钮小部件下方添加HTML小部件。
4）确保选中allowUnsafeHtml复选框
5）将以下内容放入HTML小部件html值中：

<audio id="audio"></audio>

6）接下来，转到html显示部分，并确保取消选中“ 可见”并将可见性类型设置为“隐藏”，如下所示

7）最后，转到appmaker的资源部分，复制资源URL并将其值粘贴到按钮小部件的onClick事件中，以使var track等于该值。 见下文：

我为您构建了这个小演示应用程序，希望它可以为您提供帮助。
您可以从这里下载。 希望对您有所帮助！