playSound(url) 播放 MP3 声音

功能分类: UI Controls Applab JavaScript 少儿编程

播放指定 url MP3链接 的声音。

很多 APP 应用会在页面里方法声音,如播放背景音乐或在用户点击按钮时播放点击的声音,让应用变得更好玩。使用 playSound(url) 方法,在绘制图形或页面控件响应代码里,可以播放声音。使用第二个参数 url 来指定在控件里显示声音的链接。这个链接可以通过下面两种方式填写。

1. 使用互联网图片:直接复制互联网 MP3 文件链接。

在多数网页浏览器里,在 MP3 声音文件的上方,点击鼠标右键后会出现几个文件相关的操作选项,其中一个选项就是复制声音文件链接。将复制的链接放在代码里作为 url 参数,这样就可以在你的 APP 里播放声音了。

2. 使用自己的图片:上传自己的 MP3 文件到 Applab。

你也可以将自己电脑里的 MP3 文件在 Applab 里上传到你的项目,将上传后文件的文件名作为 url 参数,这样也可以在你的 APP 里播放声音。具体做法是:

  • 找到相关代码模块里的 url 参数项,点击参数项右边的下拉按钮,并点击 选择... 选项:

  • 在弹出的窗口里,点击 上传文件 按钮。

  • 选择你电脑里的 MP3 文件并上传。
  • 成功上传后,弹出窗口里会显示所有上传文件的列表。找到相关文件并点击文件右侧的 选择 按钮,MP3 文件名会自动填写到代码模块里并作为 url 参数。

示例代码



// 播放 1_goal.mp3 声音
playSound("https://studio.xiaowai.co/blockly/media/skins/bounce/1_goal.mp3");

示例代码:越界警示声音 移出页面中间的矩形区域时,播放警示声音。注意,以下代码中使用了文件名为 beep-01a.mp3 的文件,在运行下面代码前需要在 Applab 里上传该文件或者修改下面代码里的声音文件链接。


// 移出页面中间的矩形区域时,播放警示声音。
// 注意,以下代码中使用了文件名为 beep-01a.mp3 的文件,
// 在运行下面代码前需要在 Applab 里上传该文件
// 或者修改下面代码里的声音文件链接
var count = 1;
while ((count <= 3)) {
  turnTo(randomNumber(1, 360));
  moveForward(randomNumber(25, 50));
  if (getX() < 100 || getX() > 220 || getY() < 165 || getY() > 285) {
    playSound("beep-01a.mp3");
    count = count+1;
  }
}

示例代码:播放动物声音 点击下面的动物图片时,播放图片显示动物的声音。


// 点击下面的动物图片时,播放图片显示动物的声音。
image("dog", "http://animalia-life.com/data_images/dog/dog7.jpg");
setPosition("dog", 50, 100, 100, 100);
image("cat", "http://animalia-life.com/data_images/cat/cat1.jpg");
setPosition("cat", 150, 100, 100, 100);
image("pig", "http://animalia-life.com/data_images/pig/pig1.jpg");
setPosition("pig", 50, 200, 100, 100);
image("owl", "http://animalia-life.com/data_images/owl/owl1.jpg");
setPosition("owl", 150, 200, 100, 100);
onEvent("dog", "click", function(event) {
  playSound("http://static1.grsites.com/archive/sounds/animals/animals079.mp3");
});
onEvent("cat", "click", function(event) {
  playSound("http://static1.grsites.com/archive/sounds/animals/animals021.mp3");
});
onEvent("pig", "click", function(event) {
  playSound("http://static1.grsites.com/archive/sounds/animals/animals025.mp3");
});
onEvent("owl", "click", function(event) {
  playSound("http://static1.grsites.com/archive/sounds/animals/animals074.mp3");
});

声音示例

声音 URL 链接
1_goal https://studio.xiaowai.co/blockly/media/skins/bounce/1_goal.mp3
1paddlebounce https://studio.xiaowai.co/blockly/media/skins/bounce/1_paddle_bounce.mp3
1wallbounce https://studio.xiaowai.co/blockly/media/skins/bounce/1_wall_bounce.mp3
1welose https://studio.xiaowai.co/blockly/media/skins/bounce/1_we_lose.mp3
1wewin https://studio.xiaowai.co/blockly/media/skins/bounce/1_we_win.mp3
2_goal https://studio.xiaowai.co/blockly/media/skins/bounce/2_goal.mp3
2paddlebounce https://studio.xiaowai.co/blockly/media/skins/bounce/2_paddle_bounce.mp3
2wallbounce https://studio.xiaowai.co/blockly/media/skins/bounce/2_wall_bounce.mp3
2welose https://studio.xiaowai.co/blockly/media/skins/bounce/2_we_lose.mp3
2wewin https://studio.xiaowai.co/blockly/media/skins/bounce/2_we_win.mp3
ball_start https://studio.xiaowai.co/blockly/media/skins/bounce/ball_start.mp3
dig https://studio.xiaowai.co/blockly/media/skins/bounce/dig.mp3
failure https://studio.xiaowai.co/blockly/media/skins/bounce/failure.mp3
fill https://studio.xiaowai.co/blockly/media/skins/bounce/fill.mp3
start https://studio.xiaowai.co/blockly/media/skins/bounce/start.mp3
wall0 https://studio.xiaowai.co/blockly/media/skins/bounce/wall0.mp3
wall2 https://studio.xiaowai.co/blockly/media/skins/bounce/wall2.mp3
win_goal https://studio.xiaowai.co/blockly/media/skins/bounce/win_goal.mp3
win https://studio.xiaowai.co/blockly/media/skins/bounce/win.mp3

语法规则


playSound(url)

参数说明

名称 类型 必需 参数描述
url string Yes 指定要播放的声音文件的上传文件名或 url 网络链接。

返回值

没有返回值。只播放声音。

提示说明

  • 为播放 sound 声音 指定 url 如果为网络连接,需要填写完整路径,如以 http:// 或 https:// 开头的路径。

查看更多少儿编程教程、JavaScript 介绍

返回文档首页