全国咨询热线:18720358503

电子商务网站开发公司-【E企盈微信小程序开发】

类别:媒体报道 发布时间:2021-04-15 浏览人次:

--------

电子商务网站开发公司

------- 摘要:本文依据他人事例跟随做一个歌曲播发器小程序,留下一个足印吧。完成以下手机微信小程序的歌曲播发器。

本文依据他人事例跟随做一个歌曲播发器小程序,留下一个足印吧。完成以下手机微信小程序的歌曲播发器。

页面做确实实挺丑的,先上wxss文档

//index.wxss

.button-style{

background-color: #eee;

border-radius: 8rpx;

margin: 20rpx;

}

只是顶一个简易的按钮的圆角和间距,色调这个我還是用primary这个小翠绿色。

下面是index.wxml文档

//index.wxml

播发

中止

设定播发进

终止播发

获得播发状

没方法,用开发设计者专用工具打出来就是这样的丑文件格式

下面是关键index.js

//index.js

//获得运用案例

var app = getApp()

Page({

data:{
},

//播发

listenerButtonPlay:function(){
wx.playBackgroundAudio({
dataUrl: \ e54ad7f0a834b9c07ec6.mp3\ ,
title:\ 李宗盛\ ,
//照片详细地址详细地址
coverImgUrl:\ 63bedb5f584234b6827c.jpg\
})
},
//监视button中止按钮
listenerButtonPause:function(){
wx.pauseBackgroundAudio({
});
console.log(\ 中止播发\ )
},
/**
* 播发情况
*/
listenerButtonGetPlayState:function(){
wx.getBackgroundAudioPlayerState({
success: function(res){
// success
//duration  选定声频的长度(企业:s),仅有在当今有歌曲播发时回到
console.log(\ duration:\ + res.duration)
console.log(\ currentPosition:\ + res.currentPosition)
//status    播发情况(2:沒有歌曲在播发,1:播发中,0:中止中)
console.log(\ status:\ + res.status)
console.log(\ downloadPercent:\ + res.downloadPercent)
//dataUrl   歌曲数据信息连接,仅有在当今有歌曲播发时回到
console.log(\ dataUrl:\ + res.dataUrl)
},
fail: function() {
// fail
},
complete: function() {
// complete
}
})
},
/**
* 设定进度
*/
listenerButtonSeek:function(){
wx.seekBackgroundAudio({
position: 40
})
},
/**
* 终止播发
*/
listenerButtonStop:function(){
wx.stopBackgroundAudio({
})
console.log(\ 终止播发\ )
},
onLoad:function(options){
// 网页页面原始化 options为网页页面跳转所带来的主要参数
/**
* 监视歌曲播发
*/
wx.onBackgroundAudioPlay(function() {
// callback
console.log(\ onBackgroundAudioPlay\ )
})
/**
* 监视歌曲中止
*/
wx.onBackgroundAudioPause(function() {
// callback
console.log(\ onBackgroundAudioPause\ )
})
/**
* 监视歌曲终止
*/
wx.onBackgroundAudioStop(function() {
// callback
console.log(\ onBackgroundAudioStop\ )
})
}
})

里边能够先依照次序来看onLoad涵数,里边界定了三个监视涵数,能够看到console里边实际效果如图

有关资讯: 手机微信小程序   手机微信小程序开发设计实例教程

---------

电子商务网站开发公司

------------

推荐阅读

电子商务网站开发公司-【E企盈微信小程序开发】

引言:文中依据他人事例跟随做一个歌曲播发器微信小程序,留有一个足印吧。完成下列手机微信微信小程序的歌曲播发器。文中依据他人事例跟随做一个歌曲播发器微信小程序,留有...

2021-04-15
批量图片加水印-医疗微信小程序开发之

致力于诊疗制造行业量身定做打造出,作用包含医院门诊、部门、权威专家介绍,出示预定预约挂号、权威专家资询、汇报查验、手机支付等作用,可 以提升就诊服务引导高效率、提早...

2021-04-15
有关html的表格原素详细说明(二)

disabled 特性要求键入字段名是禁止使用的;被和谐用的原素不是能用和不能点一下的;被和谐用的原素不容易被递交。form action= input type= text name= name value= 大家 disabled /form disabled 特性不用...

2021-04-14
金融业企业网站建设-如何选择开发软件公司并与

內容前言:互连网发展趋势早已二十年了,而发展趋势的速率也是越来越越来越快,制造行业有360行,那麼,各种大中小型公司针对订制手机软件的要求也就五花八门了。今日自主创新...

2021-04-14
徐州市百度搜索当地直达车助推商家上“今日头

什么叫百度搜索当地直达车?,百度搜索当地直达车,是徐州市百度搜索发布的协助当地服务提供商家高效率获得顾客、提升运营收益的一种新式营销推广方法。根据百度搜索搜狗引擎...

2021-04-14
珠海抖音微信小程序-企业网站建设是为了满足企

创作者:蓝恩互联网 公司建网站是以便考虑公司的一些层面的互联网营销推广作用,公司企业网站建设以市场销售主导、以国际性销售市场开发设计主导,它是都公司完成的运营总体...

2021-04-14
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信