找回密码
 立即注册

QQ登录

只需一步,快速开始

[Demo源码] 包含音频、视频、论坛的微信小程序音乐音频视频播放器

  [复制链接]
查看: 1229|回复: 276
最佳答案
0 

2

主题

2

帖子

70

积分

新人求带

积分
70
 楼主| 发表于 2018-7-25 14:32:28 | 显示全部楼层 |阅读模式
一个通过音频与视频url实现播放的使用本地数据的微信小程序,本demo阉割了那些向后台申请的request,让需要的数据更为清晰,方便前后端的交流

主页面主要由 课程banner图片 与 nav动画式导航条三个板块 下对应的( 课程音频list,课程视频list,论坛list )构成

WechatIMG277.jpg
WechatIMG251.jpeg
WechatIMG255.jpeg
WechatIMG256.jpeg
WechatIMG279.jpg
  1. data: {
  2.     fakeCourses: [
  3.       {
  4.         title: "远程学习方法概论",
  5.         playUrl: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',
  6.         duration: 556,
  7.         videoUrl:'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400'
  8.       },
  9.     ],
  10.     fakeForums: [
  11.       {
  12.         "title": "请同学们谈谈MOOC、微课和翻转课堂的区别",
  13.         "user": "胡英芹",
  14.         "commentNumber":56,
  15.         "time": "04-11 16:50"
  16.       },
  17.     ],
  18.     tabs: ["音频课件", "视频课件", "课程论坛"],
  19.     activeIndex: "0",
  20.     sliderOffset: 0,
  21.     sliderLeft: 0,

  22.     playurl: '',
  23.     title:'',
  24.     // 播放时长
  25.     duration: '',
  26.     isplay:false,
  27.     first:false,
  28.   },
复制代码

主页面所用数据
  • fakeCourses为课程的本地数据 { title:音频名称 playurl:音频播放url duration:播放时长 videourl:视频播放url }
  • fakeForums为论坛的本地数据 { title:标题# user:发布者 commentNumber:评论的数量 time:发布时间 }
  • tabs为nav导航条的内容
  • activeIndex: 用来确定现在导航条所点击到的板块
  • sliderOffset,sliderLeft: 用来确定导航条移动动画的移动距离
  • isplay:判断是否正在播放音频
  • first:判断是够是第一次进入,若是,则隐藏音频播放器,只有在点击音频时,才出现

游客,如果您要查看本帖隐藏内容请回复


回复

使用道具 举报

最佳答案
0 

3

主题

561

帖子

587

积分

略知一二

积分
587
发表于 2018-7-25 14:51:41 | 显示全部楼层
找了好久,这个网站是我需要的
回复 支持 反对

使用道具 举报

最佳答案
0 

8

主题

599

帖子

7330

积分

S1

积分
7330
发表于 2018-7-25 15:16:48 | 显示全部楼层
包含音频、视频、论坛的微信小程序音乐音频视频播放器
回复 支持 反对

使用道具 举报

最佳答案
1 

3

主题

224

帖子

7725

积分

S1

积分
7725
发表于 2018-7-25 15:35:55 | 显示全部楼层
:loveliness:
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

511

帖子

550

积分

略知一二

积分
550
发表于 2018-7-25 16:00:02 | 显示全部楼层
dsadsadasdasdas
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

511

帖子

550

积分

略知一二

积分
550
发表于 2018-7-25 16:00:05 | 显示全部楼层
dsadsadasdsad
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

511

帖子

550

积分

略知一二

积分
550
发表于 2018-7-25 16:00:08 | 显示全部楼层
dsadsadsadsadsa
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

511

帖子

550

积分

略知一二

积分
550
发表于 2018-7-25 16:00:16 | 显示全部楼层
dsadsadasdas
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

511

帖子

550

积分

略知一二

积分
550
发表于 2018-7-25 16:00:19 | 显示全部楼层
dsadsadsadsa
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

511

帖子

550

积分

略知一二

积分
550
发表于 2018-7-25 16:00:22 | 显示全部楼层
dsadasdasd
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.henkuai.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信公众号

广告推广
QQ:805874290

市场合作
zhongcong@henkuai.com