微信小程序 开发 “婚礼邀请函”
成品展示:
5个页面 我们来讲解哈(上面地图位置随便定的点)
1.首页开发
一开始进来显示首页 然后默认开始播放背景音乐,这个背景音乐点击右上角图标可以暂停(有动画),然后点击新郎和新娘文字可以调到拨号页面拨打电话给新娘 或 新郎。
背景音乐开发: 背景音乐的开发主要用到 背景音乐API : wx.getBackgroundAudioManager(),然后他一旦获取到连接src 就会自动播放 ,你且后台后他也在播放,具体自己测试。
API 文档: https://developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html
如图 背景音乐就是这样实现的。
拨打电话功能实现 : 主要是这句: wx.makePhoneCall() 里面传值包含电话号码即可【还有很多 具体自己去官网看】
API 文档:https://developers.weixin.qq.com/miniprogram/dev/api/device/phone/wx.makePhoneCall.html
2.“醉美一刻”轮播开发
这个没什么技术含量 一个轮播图 swiper 然后设置竖着即可,这里设置了显示标点 衔接轮播 自动切换等 ,,这个不多说。
3.视频API[这里使用] or 腾讯视频 和 “发送弹幕” 和 “选择视频播放” 功能的实现
视频的话可以选择腾讯视频 但是要申请 所以这里不说。
原生视频实现: 首先是个 <video> 标签 ,一定要带个ID属性 因为后面需要获取它才能操作:
可以看到这里的内置弹幕 弹出时间必须必须得秒的整数
发送弹幕实现,首先弹幕框失去焦点的时候 把值给了 inputValue , 然后通过实现 “ videoContext.sendDanmu ” 弹幕功能:
所以为什么 video 标签为什么要设置 ID 的原因了。
选择视频播放实现:
最新文章
- sublime text 3 配置php开发环境
- 那些年用过的xUnit.net的简单用法
- SQL——索引
- 关于UITextView / String的尺寸
- shiro-web整合
- 4.关于phpstudy for linux 的安装(LNMP)更好的环境请看8.LNMP环境
- Jmeter软件测试3--发送二进制报文
- ui的设计原则
- OCP-1Z0-051-题目解析-第8题
- vhost.sh 源代码,认真看哦
- c++非STL全排列
- 对ajax回调函数的研究
- Angular1.x使用小结
- hdu 6380
- 【译】你应该了解的JavaScript数组方法
- const引用和函数占位参数遇上默认参数以及内联函数
- 无焦点下获取条码枪返回值的Hook(再次改良版)
- fragment做成选项卡,tab效果。 fragment+RadioGroup
- sencha touch 2.2.1 自定义彩色图标按钮(button+ico)
- 【Java面试题】32 ArrayList和Vector的区别