全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[池州seo公司推荐久澳]微信小程序中如何使用wx.createInnerAudioContext?

  微信小程序中如何使用wx.createInnerAudioContext▽▷?下面本篇文章给大家介绍一下wx.createInnerAudioContext的使用。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

  百度了一下,很多都是使用的createAudioContext对于使用createInnerAudioContext 的反倒比较少▲=,但是人家那儿写着升级版,泰州市小程序开发哪家好所以想了下还是使用的createInnerAudioContext比较好点

  wxml代码如下○…◇:

  

<!--当前为停止状态 -->
<view style="▲○◁-;width△▪:250rpx▷▷○◁;height■•-:250rpx★•;left◁☆▷◁:250rpx;top△-:12rpx;position■•△▷:relative▼=;" wx:if="{{isplay==false}}" bindtap='play'>
 <○▷•;image style="width:100%;height:100%;border-radius:50%☆▷-□;" src='http★•▽◁://y…△-.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk…-◁.jpg?max_age=2592000'◁▪; />=◁•;
 <▽○▼…;image src='../image/play.png' style="◁☆;width◇□:100rpx;height★▽:100rpx;position▪-◇:absolute▷-□;left:75rpx…○;top:75rpx▼○◆…;"★◇☆;></image>■•;
</view>
<◆◆;!--当前为播放状态 -->
<view style="●▼☆▷;width:250rpx;height●=◁:250rpx★●;left:250rpx;top:12rpx;position▷▪◆:relative;"▲▽▲△; wx:if="★▽•;{{isplay==true}}" bindtap='stop'>
 <image style="★■;width■•△:100%;height:100%◇★;border-radius:50%■◁=;" src='http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg-•●?max_age=2592000' />
 <image src='../image/stop.png' style="width●▽:100rpx;height:100rpx;position:absolute;left•○●◇:75rpx★-•;top:75rpx◇●;">◁▲…○;</image>◆-◁☆;
</view>◇…◁…;
<slider style="width=▲•:500rpx;margin-left:125rpx•◁=▽;"><△-●;/slider>

 

  js的代码如下:

  

const myaudio = wx.createInnerAudioContext()◁◇;
Page({
 data▷•▲-: {
 isplay□▪: false,//是否播放
 },
 onShow◇☆△■: function () {
 myaudio.src = "http://ws.stream.qqmusic…○■▷.qq.com/M500001VfvsJ21xFqb▪-.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&◆●■;vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&◆◆▼;fromtag=46"▼□;
 },
 //播放
 play: function () {
 myaudio.play();
 console.log(myaudio•○.duration)■=▷□;
 this…▽.setData({ isplay: true })☆•△◆;
 }☆○,
 // 停止
 stop: function () {
 myaudio.pause()•◁▽•;
 this.setData({ isplay: false });
 }
})

 

  差不多就是这样,这个是最简单的,20 2020.10 [上海高端seo外包公司]小程序怎么在电脑上打开 微信小程序的流量入口越来越多,微信赋予小程序的功能越来越强大☆=□! [上海高端seo外包公司] 据微同圈小程序官网获悉,电脑端可以用微信小程序了!又开放了网页版入口◆△●,所以界面大概是这样的△◆○:

  差不多就是这样…▲▪,最最简单的功能,其实官网就有了,湘潭市小程序开发哪家好金坛市小程序制作公司[池州seo公司推荐久澳]所以还是建议使用官网的文档:官网传送门

  推荐:《小程序开发教程》

  以上就是微信小程序中如何使用wx.createInnerAudioContext?的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[池州seo公司推荐久澳]微信小程序中如何使用wx.createInnerAudioContext?

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。