iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >小程序音频长度如何显示到页面
  • 697
分享到

小程序音频长度如何显示到页面

2024-04-02 19:04:59 697人浏览 独家记忆
摘要

小程序音频长度显示到页面的案例代码:使用开发者工具,在对应页面的js文件中添加:audioPlayed: function () {myAudio.play()setTimeout(() =>&

小程序音频长度如何显示到页面

小程序音频长度显示到页面的案例代码:

使用开发工具,在对应页面的js文件中添加:

audioPlayed: function () {

myAudio.play()

setTimeout(() => {

myAudio.currentTime

myAudio.onTimeUpdate(() => {

console.log(myAudio.duration) //总时长

console.log(myAudio.currentTime) //当前播放进度

})

}, 500)

}

--结束END--

本文标题: 小程序音频长度如何显示到页面

本文链接: https://www.lsjlt.com/news/116598.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 小程序音频长度如何显示到页面
    小程序音频长度显示到页面的案例代码:使用开发者工具,在对应页面的js文件中添加:audioPlayed: function () {myAudio.play()setTimeout(() =>&...
    99+
    2024-04-02
  • 抖音页面如何放小程序
    抖音页面放小程序的步骤:打开【抖音客户端】,点击下方【+】录制视频。录制好视频后,点击下一步。在输入对视频的描述页面,点击下方的【添加小程序】菜单。在弹出的对话框里面,可以直接点击【小程序】添加,也可以选择【搜索】查找小程序。添加小程序需要...
    99+
    2024-04-02
  • 小程序date怎么在页面显示
    小程序date在页面显示的案例:.wxml代码:<!--index.wxml--><view class="container">  <!-- 建立按...
    99+
    2024-04-02
  • h5页面如何跳到小程序支付页面
    在h5页面中调用小程序支付页面的方法H5页面代码<body ><div class="container"><button onclick="testPay()">...
    99+
    2024-04-02
  • 小程序如何获取页面高度
    小程序获取页面高度的代码示例:onReady: function () {//动态获取高度this.autoHeight();},//动态获取高度autoHeight:function(){var t...
    99+
    2024-04-02
  • 小程序swiper怎么根据页面长度滑动
    小程序swiper根据页面长度滑动的案例:在对应的js文件中添加以下代码:get_wxml: function (className, callback) {wx.createSelectorQuer...
    99+
    2024-04-02
  • 小程序如何固定页面高度
    在小程序中设置固定页面高度的方法进入微信开发者工具,打开小程序项目文件,在项目文件中,查找并打开utlls/app.json文件;app.json文件打开后,在文件中查找到page属性值;最后,在page属性中,调整height的值即可;p...
    99+
    2024-04-02
  • 小程序如何跳转到tabbar页面
    使用wx.switchTab跳转至tabbar的某一页面wx.switchTab({url: '../b/b'});如页面不带tab,使用wx.navigateTo跳转至tabbar页面wx.navigateTo({url:...
    99+
    2024-04-02
  • 如何搭建小程序音视频
    这篇文章主要介绍了如何搭建小程序音视频的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何搭建小程序音视频文章都会有所收获,下面我们一起来看看吧。升级微信到最新版本,发现页卡 => 小程序 => 搜索...
    99+
    2023-06-26
  • 小程序如何外链到H5页面
    在小程序使用web-view组件外链到h5页面新建一个web-view标签,并指向h5页面的链接;<web-view src="h5页面链接"> </web-view>通过 w...
    99+
    2024-04-02
  • 小程序如何传参到tabar页面
    微信小程序使用wx.reLaunch传参到tabar页面用wx.reLaunch进行跳转 , 地址后跟上想要传递的参数,代码如下:getInfo(){let that = this;wx.request({ur...
    99+
    2024-04-02
  • 小程序播放音频如何实现
    今天小编给大家分享一下小程序播放音频如何实现的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。背景音频接口适用于音乐类小程序,如...
    99+
    2023-06-26
  • mpvue如何开发音频类小程序
    这篇文章主要为大家展示了“mpvue如何开发音频类小程序”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“mpvue如何开发音频类小程序”这篇文章吧。这是我第一次开...
    99+
    2024-04-02
  • 小程序如何将数组传到页面
    小程序将数组传到页面的案例:传递页面:通过JSON.stringify方法将数组转换成字符串后传递,代码:click: function(e) {var model = JSON.stringify(e.currentTarget.data...
    99+
    2024-04-02
  • 微信小程序长页面中弹框如何居中
    微信小程序长页面中弹框居中的案例:在对应的wxml文件中添加以下代码:<form bindsubmit="formSubmit" bindreset="formReset"&...
    99+
    2024-04-02
  • 小程序怎么在页面显示数组信息
    小程序在页面显示数组信息的方式:方式一:for (var index in res.data) {title : res.data[index].title}res.da...
    99+
    2024-04-02
  • 小程序页面如何分享到微信群
    小程序页面分享到微信群的步骤:打开需要分享小程序。点击右上角的“···”。会弹出一些功能信息,选择“分享给朋友”。(注意:部分小程序不支持分享功能)选择群分享即可。...
    99+
    2024-04-02
  • 公众号如何跳转到小程序页面
    公众号设置跳转小程序页面的步骤:进入公众号后台,进入小程序管理;在小程序管理中,填写小程序的跳转路径,使其与小程序关联;最后,在公众号平台编辑文章中插入小程序,填写跳转路径即可;...
    99+
    2024-04-02
  • 如何获取小程序页面小程序码
    获取小程序页面小程序码的方法:用电脑登录微信公众平台,进入小程序管理后台。点击导航栏中的“工具”选项菜单,再选“生成小程序码”功能。填入小程序APPID进行搜索,然后点下一步。填入页面地址后,点确定生成小程序码,保存生成的小程序码图片即可。...
    99+
    2024-04-02
  • uniapp 小程序如何从主包页面跳转到分包页面
    在uniapp开发小程序的时候,“分包”概念一定要提前了解下,具体我就不多说了,自己看下关网的相关配置。 那么,如果从主包页面,跳转至分包的页面呢?如图所示 我的页面->详情页  在我的页面创建好自己的链接,我使用的是方法创建的 // h...
    99+
    2023-09-15
    uni-app 小程序
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作