在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等于该值。见下文：

我为你制作了这个小小的演示应用程序希望它可以帮助你 您可以从 here 下载。我希望它有所帮助！