4.怎么控制音乐的播放/暂停

WU发表于:2015年04月03日 11:47:52更新于:2018年01月09日 16:47:36

播放/暂停音频


注:由于微信系统问题,现除背景音乐可以自动播放,一般音视频都需强制点击触发播放,

但如果选中音频组件,在右侧勾选预加载可以被动画触发器触发播放。

很多用户都咨询,如何在翻页的时候暂停音乐,如何播放视频时停掉音乐。其实这是一个触发器的设置,我们先来看下这个触发行为在哪。

image.png

       上图中平台为我们设置好音频、视频两个元素的暂停/播放动作,选择要执行的事件后,只需选择要执行的对象就可以了。

具体设置

从某一页开始播放音乐,或者从某一页开始暂停音乐。

前提是背景音乐已经添加;或者在Masterpage添加一个音频组件。总之,两种音乐组件都在Masterpage中。在这里,两者添加后有一些区别,背景音乐会默认勾选自动播放和循环播饭,但是音频就不会,默认是什么都不勾选。

image.png    image.png

一般是选择指定的页面设置:页面触发器——切换到当前页面时——播放音频——选择已经添加好的音频文件。一定是勾选M,表示要控制Masterpage页面的视频播放。

image.png

音频的播放的设置也基本一致,可以设置页面触发器,或者其他的元素触发器,设置触发行为暂停音频。


如何设置背景音乐的播放控制按钮?


        只需要在作品信息面板勾选“显示背景音乐图标”,就可以全局控制音乐,H5播放过程中点击该图标可控制背景音播放暂停。

blob.png

        另外,音乐的播放暂停按钮除了可使用自带的播放控制按钮,也可以将“音符”图标替换成其他图标素材。

0015673b75f429f24ad89bea1fa3842

控制按钮添加方式一:

        在页面中,给按钮或元素添加触发器,可以控制背景音的播放暂停,注意是在选中M(Masterpage)状态下进行,如图:

001567779ac9d2ce9abea1be858c91c

控制按钮添加方式二:

        在Masterpage中,给背景音乐文件添加“播放”动画,设置为等待触发;切换到页面中添加触发背景音的素材,触发播放动画。

00156777d7dad3eb029d9e0f972e508


上一篇:4.音乐文件预加载

下一篇:6.为什么我的音乐不能正常播放?


回复(5)

  • 老赵

    大部分安卓机型,不能同时播放多个声音,一旦有声音播放、就会暂停之前播放的声音。


    引用 丰润科技-设计狮 的回复:

    背景音乐,我播放一个音频 背景音乐就没了?求解

    --------- 不了解设计的程序员不是好客服 ---------------
  • 丰润科技-设计狮

    背景音乐,我播放一个音频 背景音乐就没了?求解

  • 吉利亚特海洋餐厅

    我想问下一个页面上加的音乐,播放了之后翻页就暂停了,这个怎么设置啊?让他翻页了还可以继续放这个音乐。但是不是加背景音乐。

  • 老赵

    引用 onepx 的回复

     一个按钮是否可以在点击情况下,切换音视频播放??


    可以,按钮有一个“开关模式”,可以分别设置 两个状态下的触发动作,比如,点击暂停播放/再点击继续播放

    --------- 不了解设计的程序员不是好客服 ---------------
  • onepx

    一个按钮是否可以在点击情况下,切换音视频播放??