javascript - 在 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) 添加一个按钮小部件并将其文本属性设置为“播放声音”。
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等于该值。见下文:

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