微信小程序 | 自动定时结束录制

最新推荐文章于 2023-01-10 17:42:55 发布

訢詡

最新推荐文章于 2023-01-10 17:42:55 发布

阅读量585

点赞数 2

分类专栏： others 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Andrwin/article/details/124498613

版权

这篇博客介绍了如何在微信小程序中使用JavaScript的setTimeout函数来自动定时结束录制，并强调了在处理this指代作用域时的注意事项。内容包括wxml、wxss和js文件的实现细节，同时提及了一个可在网页上使用的拍照功能。

摘要由CSDN通过智能技术生成

主要是用setTimeout函数控制结束，还要考虑this指代的作用域

wxml文件

<!--index.wxml-->
<view class='camera'>
  <image src="/images/border.png" mode="widthFix"></image>
  <camera wx:if="{
  {isAuth}}" device-position="front" flash="off" binderror="error"></camera>
</view>

<button class="takePhoto" type="primary" bindtap="startShootVideo">录像</button>

wxss文件

/**index.wxss**/
.camera {
  width: 430rpx;
  height: 430rpx;
  border-radius: 50%;
  margin: 20px auto 0;
  position: relative;
}

.camera image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.camera camera {
  width: 430rpx;
  height: 430rpx;
}

button.takePhoto:not([size='mini']) {
  position: fixed;
  bottom: 0;
  left: 0;
  widt