【微信小程序】闪光灯(闪烁效果)

news/2024/12/12 23:47:46/

目前来说,微信小程序本身的开发文档对于camera的闪光灯只提供了on和off两种状态,若想要实现闪烁的效果还是需要我们自己实现。
首先,我们先查阅微信小程序的开发文档,找到组件中camera的相关文档,发现官方给予了flash的两种状态:
在这里插入图片描述
同时也给出了一部分js示例代码:

由此我们便可以着手开始写代码了。
我们的想法就是flash的on和off状态交替实现闪光灯闪烁,开启闪光灯:

我们利用一个循环id:intervalId:a来储存开启闪关灯循环,设置一个定时器setInterval,交替间隔为300ms。

takePhoto: function() {if (this.data.intervalId == null){var that = this;var flash = that.data.flash ==  'on'var a=setInterval(function () {that.setData({flash:'on',  })that.setData({flash: 'off',})//循环执行代码 }, 300)//存储开启闪关灯循环的循环idthat.setData({intervalId: a})}
},

使用clearInterval来取消定时器,关闭闪光灯代码

close:function(){var that = this;//如果闪光灯循环id不为空,则取消闪光灯循环if(that.data.intervalId !== null) {clearInterval(that.data.intervalId)}that.setData({flash:'off',intervalId: null})
},

利用以上代码我们便可以实现微信小程序中闪光灯闪烁的功能。

注:定时器的相关操作在开发文档中这样给出:
定时器相关
在这里插入图片描述


http://www.ppmy.cn/news/295381.html

相关文章

iOS 闪光灯的打开和关闭

// // ViewController.m // Flash // // Created by fe on 2017/1/3. // Copyright © 2017年 fe. All rights reserved. //#import "ViewController.h" #import <AVFoundation/AVFoundation.h>//调用闪光灯需要导入该框架 interface ViewController (…

iOS 关闭和开启闪光灯

- (void)openLight:(UIButton *)sender{ AVCaptureDevice *device self.device; //修改前必须先锁定 [self.device lockForConfiguration:nil]; //必须判定是否有闪光灯&#xff0c;否则如果没有闪光灯会崩溃 if ([self.device hasFlash]) { …

android 判断是否有闪光灯,打开或者关闭闪光灯

现在的Android手机大部分都已经有闪光灯了&#xff0c;但是还是有很多老的机型和低端机型是没有闪光灯的&#xff01;所以在我们使用Android手机去调用闪光灯的时候得先判断该手机是否有闪光灯&#xff01; if(!getPackageManager().hasSystemFeature(PackageManager.FEATURE_…

Android的闪光灯

&#xff08;1&#xff09;关键代码 A&#xff0c;在AndroidManifest中注册相应的权限&#xff1a; <uses-permission android:name"android.permission.FLASHLIGHT" /> <uses-permission android:name"android.permission.CAMERA"/> <…

Flink CDC 实时mysql到mysql

CDC 的全称是 Change Data Capture &#xff0c;在广义的概念上&#xff0c;只要是能捕获数据变更的技术&#xff0c;我们都可以称之为 CDC 。目前通常描述的 CDC 技术主要面向数据库的变更&#xff0c;是一种用于捕获数据库中数据变更的技术。 mysqlcdc需要mysql开启binlog&a…

Camera2 闪光灯梳理

Camera2 闪光灯 在Android Camrea2中与Flash有关的只有两个字段&#xff1a; CaptureRequest.FLAH_MODECaptureRequest.CONTROL_AE_MODE 所有在使用闪光灯时&#xff0c;必须先保证CaptureRequest.CONTROL_MODE为ATUO&#xff0c;而且必须保证CameraCharacteristics.FLASH_IN…

闪光灯的频闪模式

现在&#xff0c;一般的闪光灯都具有频闪闪光功能&#xff0c;通常标志为MULTI。 频闪闪光&#xff0c;也称多次闪光&#xff0c;是指通过让闪光灯多次闪光&#xff0c;将被摄体的连续动作拍摄到同一张照片中的功能。 频闪摄影&#xff0c;通俗来讲&#xff0c;就是在快门开启状…

Flutter闪光灯

打开手机闪光灯 PS&#xff1a;找到了一个别人写好的一个package&#xff0c;也就是说&#xff0c;不保证以后都一直能用&#xff0c;万一别人删了这个package就用不了了 1.添加依赖 在pubspec.yaml中添加&#xff1a; dev_dependencies:flutter_test:sdk: flutter#lamplamp…