微信小程序 开发 “婚礼邀请函”

 

 成品展示:

 

 5个页面 我们来讲解哈(上面地图位置随便定的点)

 

1.首页开发

一开始进来显示首页  然后默认开始播放背景音乐,这个背景音乐点击右上角图标可以暂停(有动画),然后点击新郎和新娘文字可以调到拨号页面拨打电话给新娘 或 新郎。

  背景音乐开发: 背景音乐的开发主要用到 背景音乐API : wx.getBackgroundAudioManager(),然后他一旦获取到连接src 就会自动播放 ,你且后台后他也在播放,具体自己测试。

  API 文档:   //developers.weixin.qq.com/miniprogram/dev/api/media/background-audio/BackgroundAudioManager.html

  如图 背景音乐就是这样实现的。

 

  拨打电话功能实现 :   主要是这句: wx.makePhoneCall()  里面传值包含电话号码即可【还有很多 具体自己去官网看】

  API 文档://developers.weixin.qq.com/miniprogram/dev/api/device/phone/wx.makePhoneCall.html

 

 

2.“醉美一刻”轮播开发

这个没什么技术含量  一个轮播图 swiper  然后设置竖着即可,这里设置了显示标点  衔接轮播 自动切换等  ,,这个不多说。

 

3.视频API[这里使用] or 腾讯视频  和 “发送弹幕”  和 “选择视频播放” 功能的实现

视频的话可以选择腾讯视频  但是要申请 所以这里不说。

  原生视频实现: 首先是个 <video>  标签 ,一定要带个ID属性 因为后面需要获取它才能操作:

 

   可以看到这里的内置弹幕 弹出时间必须必须得秒的整数

 

  

  发送弹幕实现,首先弹幕框失去焦点的时候 把值给了  inputValue  ,  然后通过实现 “ videoContext.sendDanmu ” 弹幕功能:

     所以为什么 video 标签为什么要设置 ID  的原因了。

 

 

  选择视频播放实现: 

 这个大