成品展示:

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  的原因了。

  选择视频播放实现:

最新文章

  1. sublime text 3 配置php开发环境
  2. 那些年用过的xUnit.net的简单用法
  3. SQL——索引
  4. 关于UITextView / String的尺寸
  5. shiro-web整合
  6. 4.关于phpstudy for linux 的安装(LNMP)更好的环境请看8.LNMP环境
  7. Jmeter软件测试3--发送二进制报文
  8. ui的设计原则
  9. OCP-1Z0-051-题目解析-第8题
  10. vhost.sh 源代码,认真看哦
  11. c++非STL全排列
  12. 对ajax回调函数的研究
  13. Angular1.x使用小结
  14. hdu 6380
  15. 【译】你应该了解的JavaScript数组方法
  16. const引用和函数占位参数遇上默认参数以及内联函数
  17. 无焦点下获取条码枪返回值的Hook(再次改良版)
  18. fragment做成选项卡,tab效果。 fragment+RadioGroup
  19. sencha touch 2.2.1 自定义彩色图标按钮(button+ico)
  20. 【Java面试题】32 ArrayList和Vector的区别

热门文章

  1. JavaScript 特殊字符
  2. 使用什么快捷键,关闭、打开、最小化qq聊天窗口
  3. golang context包
  4. css 边框添加三角形指向,简单粗暴,易学易懂
  5. JS 根据文件路径获取名字和后缀名
  6. Jenkins持续集成接口压测
  7. ubantu下载源详细目录
  8. 这篇 Java 基础,我吹不动了
  9. js判断是在移动端还是在pc端
  10. 通过HttpURLConnection下载图片到本地--批量下载