查看: 2728|回复: 0

确保VXPLO作品音乐在手机上播放的3中方法

[复制链接]

0

主题

7

回帖

17

积分

版主

Rank: 7Rank: 7Rank: 7

积分
17
发表于 2014-10-24 09:56:14 | 显示全部楼层 |阅读模式
尹广磊公众帐号
很多时候我们会收到这样的问题,在作品里添加了音乐,但怎么打开作品的时候没有声音呢?这是因为在很多手机案例里,即使你设置了背景音乐自动播放,但由于手机自带的系统会屏蔽音频和视频的自动播放功能,以至于你打开作品还是没有声音。因此您的作品要适应各种手机的话,我们建议借助点击事件去触发音频的播放。今天小编给大家介绍三种使音频可以在手机端成功播放的方法。
1.png

方法一:舞台事件初始化
即当舞台初始化,或者是说案例开始被加载的时候,音乐就会继续播放(继续播放和从头播放的效果是一样的),这种方法最简单的,但是大部分手机不支持。
2.png

方法二:擦除效果或者滑动
即是当擦除面积达到预设面积或者是观众开始使用滑动时间轴的时候,音乐就会被触发播放。此方法适用于大部分手机。
A.滑动效果:在滑动时间轴下面加一个事件,触发条件为触摸开始,目标对象为舞台,目标动作为继续播放。也就是说当观众开始使用滑动时间轴的时候,音乐就会被触发播放。
3.png

B.擦除效果:在画笔下加两个事件,事件1的设置为当擦除的绘画面积达到您预先设定的面积的时候,触发音乐播放。目标对象仍为舞台,目标动作为继续播放。
4.png

事件2的设定是当绘画面积达到预先设定的面积的时候,蒙层需要被删除。
5.png

方法三(推荐):点击事件
通过点击“声音”图标触发音乐的播放和暂停,或者是通过点击“开启”图标,触发音乐的播放和滑动时间轴的播放。这种方法适用于全部手机
A.观众自行点击“声音”图标,触发音乐的播放与暂停。把“开启”和“关闭”的图片叠加在一起,设置事件。当点击“关闭”图标的时候,“开启”图标同层置顶,以及事件2点击时音乐重头播放或者继续播放。“开启”按钮的事件设置与“关闭”按钮的设置恰好相反,即点击时音乐暂停,并让“关闭”按钮图片同层置顶
6.png

B.在案例开始的时候,添加一个“启动”按钮。在按钮下添加事件。
7.png

点击事件是当观众点击“开启”按钮的时候,音乐继续播放。
8.png

事件1是当点击时候,时间轴播放下一个关键点
9.png

事件2是点击时蒙层删除
10.png

事件3是点击时“开启”按钮自动隐藏
11.png

以上就是让音乐在手机上成功播放的三种效果。详细案例可观看教学实验室中编号为0503的案例。

欢迎进入vxplo互动大师官方网站学习和注册使用工具做各种炫酷的交互效果:www.vxplo.cn
对交互设计感兴趣的朋友,欢迎加入VXPLO技术交流群:301817884
VXPLO互动大师是一款不需要代码就可以帮助设计师完成交互设计作品的在线编辑工具。支持HTML5和Flash,工具简单易用,功能强大。
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2025-6-20 05:25

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表