微信小程序开发之——音乐播放器-播放器(3.4)
一 概述 常用组件及API介绍播放器页面任务播放器页面任务数据准备音乐播放功能播放器页面 二 常用组件及API介绍 2.1 音频API 介绍 微信小程序提供了播放音频的API,掌握这个API的使用方法是实现音乐播放的关键。 在使用音频API时,需要通过如下代码创建一个InnerAudioContext实例,audioCtx就是一个InnerAudioContext实例,也就是一个对象,利用这个对象…
一 概述 常用组件及API介绍播放器页面任务播放器页面任务数据准备音乐播放功能播放器页面 二 常用组件及API介绍 2.1 音频API 介绍 微信小程序提供了播放音频的API,掌握这个API的使用方法是实现音乐播放的关键。 在使用音频API时,需要通过如下代码创建一个InnerAudioContext实例,audioCtx就是一个InnerAudioContext实例,也就是一个对象,利用这个对象…
问题:安卓是正常的但是ios上面左右滑动》 #首先鄙人刚好开始学微信在这块问题当时也纠结了很久各种难受。。踩了无数次坑 最开始ios页面左右晃动,由于当时上头要求必须要自适应长度,所以当时里面的长度都是按照百分比来的。就百度啊 通过加{overflow:hidden;},后来发现页面直接固定死了,安卓机不能向下拉取,就改成了overflow-x:hidden;才好,结果ios的又不行了左右滑动,自…
今天来说一下怎么显示地图并获取经纬度(获取到经纬度后显示地图) 首先我们先创建一个项目结构如下 我们先来看一下wxml代码 <view class="container log-list"> <map id="map" longitude="{{jd}}" latitude="{{wd}}" style="width: 100%; height: 800rpx;" show-l…
首先这是我的设计思路: 一、传入以下Json数据格式的数组 1.标题title 2.图片地址 3.数量num 4.价格price 5.是否选中selected 二、点击复选框toggle操作 如已经选中的,经点击变成未选中,反之而反之 点击依据index作为标识 三、全选操作 首次点击即为全部选中,再次点击为全不选,全选按钮本身也跟随toggle变换 四、点击结算按钮,将已选中的数组取出,以供通过…
首先用ios的浏览器打开视频的链接,看通过浏览器是否可以播放,如果可以则说明视频没问题。 注意视频的编码格式,再有就是,如果视频是直接存放在服务器上的,注意给出的视频路径不要存在中文,存在中文在ios中播放会出现黑屏的问题 ios支持三种,查看自己视频的对应编码格式是否在这三种之内,查看编码格式可以通过qq影音 使用qq影音打开视频,右键选择文件信息,然后点击编码信息即可查看 注意这里h264在i…
步骤一:添加新页面 在小程序目录下的pages文件下新建文件下,命名为news 在app.json中添加新的页面"pages/news/news" 此时news文件夹下出现四个配置文件。 步骤二:跳转页面 方法一:navigator 在小程序首页,即index.wxml中 添加<navigator url="../news/news">跳转至新页面</navigator> …
步骤一 通过 npm 安装 # 通过 npm 安装 npm i @vant/weapp -S --production 步骤二 修改 app.json 将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。 步骤三 修改 project.config.json 需要手动在 project.config.json…
1. WXML 代码 公用 CustomBar 盒子,此处可以设置公用的背景/字体颜色和字体大小;CustomBar 具体内容,按照胶囊右边距设置 CustomBar 盒子的左右 margin,设置盒子的高度;右侧胶囊占位,左侧动态根据 title 判断展示 slot 还是直接显示 title;除去 CustomBar 的展示数据,其他的 slot ! <view class="rui-he…
微信小程序开发-页面跳转传递参数 页面跳转有四种方式,分别为wx.navigateTo、wx.redirectTo、wx.reLaunch、wx.switchTab,前面三种可通过url路径携带参数实现参数传递,如 wx.navigateTo({ url: '/pages/detail/detail?info='+info }) 而通过wx.switchTab跳转到tabBar页面时,无法采用上面…
目录 微信小程序实现将图片保存到手机相册(方案一) 微信小程序实现将图片保存到手机相册(方案二) 微信小程序之点击复制文本到剪贴板 微信小程序---判断是IOS还是安卓 微信小程序分享图片给微信好友 微信小程序实现将图片保存到手机相册(方案一) 首先我们需要调用wx.downloadFile方法下载文件资源到本地,然后利用wx.saveImageToPhotosAlbum方法保存图片到系统相册,需…