在如何使用小程序媒体组件这篇文章中，我们简单介绍了video视频组件的使用，这篇文章中，将对视频播放做一些补充，同时介绍API的使用。 在教程开始之前，需要搭建搭建好小程序的基础开发环境，关于如何配置，大家可以参考如何入门小程序开发这篇文章的入门教程。 视频组件的使用我们可以直接在前端调用video组件进行视频播放，打开你的index.wxml文件，写下如下代码。 1<video src="video> 有前端开发经验的小伙伴应该能看懂吧，src是我们视频的地址。通过这段简单的代码，我们就可以实现在小程序中播放视频。 但是，有没有其他功能呢？我们可以看看官方文档...

在如何使用小程序媒体组件这篇文章中，我们介绍了小程序媒体组件的使用，但是对音频组件部分讲的不够详细，本文将对音频部分做些补充。 在教程开始之前，需要搭建搭建好小程序的基础开发环境，关于如何配置，大家可以参考如何入门小程序开发这篇文章的入门教程。 音频组件的使用音频组件使用较为简单，在index.wxml文件中撰写调用audio组件即可。 1<audio controls src="audio> 有前端开发经验的小伙伴肯定能看懂，src中是我们要播放音频的地址，那么controls是什么意思呢？我们先看看官方的文档吧，如下表。 属性名 类型 默认值 说明 ...

上一篇文章中，我们介绍了如何在小程序中实现拍照功能，有小伙伴询问，能不能在小程序内实现录像功能呢？原来在相机API中，除了takePhotoAPI，还有其他API可以使用，这篇教程，我们将介绍录像API的使用。 在教程开始之前，需要搭建搭建好小程序的基础开发环境，关于如何配置，大家可以参考如何入门小程序开发这篇文章的入门教程。 相机组件的使用小程序调用相机很简单，只用一行代码即可实现，修改你的index.wxml文件，为如下代码。 1<camera style="width: 100%; height: 450px;"></camera> 当...

扫码，是现代生活不可或缺的一部分，不管是实现共享单车开锁，还是去自动售卖机付款，都需要扫码二维码或者条形码。那么，可不可以将扫码功能集成在小程序端呢？答案是可以的，我们可以调用小程序给出的扫码APIwx.scanCode()，实现调起客户端扫码界面进行扫码。 在教程开始之前，需要搭建搭建好小程序的基础开发环境，关于如何配置，大家可以参考如何入门小程序开发这篇文章的入门教程。 扫一扫API调用因为我们要调用小程序的API，就不能像以前那样直接在index.wxml中写相关组件直接调用，我们可以通过一些组件，如view或button之类的组件来调用相关函数。首先，在index.wxml中写出...

在小程序使用的过程中，难免会用到相机组件，本文将教大家配置入门小程序camera组件的使用，并自己制作一个小程序相机的demo出来。 在教程开始之前，需要搭建搭建好小程序的基础开发环境，关于如何配置，大家可以参考如何入门小程序开发这篇文章的入门教程。 相机组件的使用小程序调用相机很简单，只用一行代码即可实现，修改你的index.wxml文件，为如下代码。 1<camera style="width: 100%; height: 450px;"></camera> 当然这行代码仅仅实现了相机在小程序内显示，无法实现更多功能，我们可以参考官方文档...

这篇文章中，我们将介绍小程序地图组件的使用，官方文档已经比较详细的介绍了map组件的使用，但是对于刚开始接触地图组件的同学，难免有些难以下手。本文将以Hello World为例对地图组件的使用列出一些demo，以方便后续开发。 Hello World小程序提供的map组件是原生组件，部分功能需要配合地图相关的API使用，这里先不做涉及，我们后续再讲。先看看如何展示一张地图吧，打开你的微信编辑器，找到index.wxml文件，写下下面的代码。 1<map></map> 没错，通过这段代码，默认就能调用出一个地图组件，但是仅仅能显示地图而已，并无其他功能，如果我想...

图片，视频，音乐是小程序使用中不可缺少的部分，这篇文章中，我们将介绍小程序媒体组件的使用。媒体组件分为audio音频组件，image图像组件，video视频组件，camera相机组件以及live-player、live-pusher小程序直播组件。其中直播权限需要相关资质的账号才能开通，本文暂不做介绍。其他组件我们将会以Hello World的demo形式做介绍。 Hello World - audio音频组件音频组件需要调用wx.createInnerAudioContext()接口使用，我们使用其他组件来调用wx.createInnerAudioContext()内部的函数，来实现对...

在日常开发小程序中，我们总不能吧所有数据都堆在首页。为此，需要一些二级三级页面。今天，我们来介绍介绍小程序比较重要的导航组件，使用导航组件，可以在小程序内外部进行转跳，方便用户使用。 页面准备在开始介绍之前，我们首先需要准备一些准备跳转的页面，我这里先创建两个名为tags标签页面和cate目录页面。在小程序项目管理页面，点击pages目录，然后新建目录，创建两个名为tags和cate的目录。 接下来，分别在这两个文件中创建两个名为tags和cate的页面。当创建完页面，小程序会自动创建.js、.wxss、.json这几个文件，如果没有自动生成，可能你的小程序开发工具过旧，请自行创建或升...

上一篇文章中，我们给大家介绍了小程序的视图容器及基础内容组件，该组件主要应用是输出内容。接下来这篇文章中，我们将继续介绍小程序最常用的表单组件，该组件主要应用是获取输入内容。表单组件分为11个组件，我们将对这11个组件使用做详细的介绍。 button - 按钮组件 switch - 开关组件 slider - 滑动选择器 radio - 单项选择器 chechbox - 多项选择器 input - 输入框 textarea - 多行输入框 picker - 从底部弹起的滚动选择器 picker-view - 嵌入页面的滚动选择器 label - 改进用户可用性选择组件 form - 表...

在上一篇文章中，我们介绍了小程序入门开发的基础步骤，并通过几个Hello Word例子，让大家体验了下小程序的组件及API使用，接下来的教程中，我们将教大家详细使用每个组件及API的使用。 在这篇教程中，我们将介绍小程序的视图容器组件，同时介绍小程序基础内容组件的使用。 视图容器组件小程序的视图容器组件分为五个组件，分别为负责普通显示的view组件、负责可滚动视图区域scroll-viel组件，负责滑块视图容器swiper组件、可以触发移动的movable-area组件，已经可覆盖其他内容的cover-view组件。这篇文章中，我们将对这几个组件使用我们上一篇文章中创建的Hello Wo...