IOS技术分享| 在iOS WebRTC 中添加美颜滤镜

于 2021-09-01 12:23:50 发布
阅读量1k 收藏 4
点赞数 1
分类专栏： IOS技术分享 音视频 美颜 文章标签： ios ios技术分享 音视频 美颜 webrtc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/anyRTC/article/details/120037063
版权
音视频 同时被 3 个专栏收录
226 篇文章 10 订阅
订阅专栏
IOS技术分享
15 篇文章 0 订阅
订阅专栏
美颜
1 篇文章 0 订阅
订阅专栏

在使用WebRTC的时候，对视频进行美颜处理一般有两种方式：替换WebRTC中的采集模块和对视频数据进行美颜。

一、替换WebRTC中的采集模块

替换WebRTC中的采集模块，相对比较简单，使用GPUImageVideoCamera替换WebRTC中的视频采集，得到经过GPUImage添加美颜处理后的图像，发送给WebRTC的OnFrame方法。

参考基于WebRTC框架开发的全平台推拉流SDK：Github

设置美颜
- (void)setBeautyFace:(BOOL)beautyFace{
    if(_beautyFace == beautyFace) return;

    _beautyFace = beautyFace;
    [_emptyFilter removeAllTargets];
    [_filter removeAllTargets];
    [_videoCamera removeAllTargets];

     if(_beautyFace){
         _filter = [[GPUImageBeautifyFilter alloc] init];
         _emptyFilter = [[GPUImageEmptyFilter alloc] init];
     }else{
         _filter = [[GPUImageEmptyFilter alloc] init];
     }

     __weak typeof(self) _self = self;
     [_filter setFrameProcessingCompletionBlock:^(GPUImageOutput *output, CMTime time) {
         [_self processVideo:output];
     }];
       [_videoCamera addTarget:_filter];
  if (beautyFace) {
      [_filter addTarget:_emptyFilter];
      if(_gpuImageView) [_emptyFilter addTarget:_gpuImageView];
  } else {
      if(_gpuImageView) [_filter addTarget:_gpuImageView];
  }
}
格式转换

GPUImage处理后的Pixel格式为BGRA,当处理完成后需要转换为I420格式，用于内部处理和渲染。

WebRTC 在编码的时候使用的是NV12格式的Pixel，所以在编码的时候会进行二次格式转换

-(void) processVideo:(GPUImageOutput *)output{
  rtc::CritScope cs(&cs_capture_);
  if (!_isRunning) {
      return;
  }
  @autoreleasepool {
      GPUImageFramebuffer *imageFramebuffer = output.framebufferForOutput;

  size_t width = imageFramebuffer.size.width;
  size_t height = imageFramebuffer.size.height;
  uint32_t size = width * height * 3 / 2;

  if(self.nWidth != width || self.nHeight != height)
  {
      self.nWidth = width;
      self.nHeight = height;
      if(_dst)
          delete[] _dst;
      _dst = NULL;
  }
  if(_dst == NULL)
  {
      _dst = new uint8_t[size];
  }
  uint8_t* y_pointer = (uint8_t*)_dst;
  uint8_t* u_pointer = (uint8_t*)y_pointer + width*height;
  uint8_t* v_pointer = (uint8_t*)u_pointer + width*height/4;
  int y_pitch = width;
  int u_pitch = (width + 1) >> 1;
  int v_pitch = (width + 1) >> 1;

  libyuv::ARGBToI420([imageFramebuffer byteBuffer], width * 4, y_pointer, y_pitch, u_pointer, u_pitch, v_pointer, v_pitch, width, height);
  if(self.bVideoEnable)
      libyuv::I420Rect(y_pointer, y_pitch, u_pointer, u_pitch, v_pointer, v_pitch, 0, 0, width, height, 32, 128, 128);

  if(_capturer != nil)
      _capturer->CaptureYUVData(_dst, width, height, size);
  }
}
美颜后的数据发送给WebRTC的OnFrame方法

GPUImageVideoCapturer 类为GPUImage 封装的摄像头类，跟WebRTC中的采集类功能保持一致，继承 cricket::VideoCapturer 类，便可以往WebRTC中塞入采集的音视频流。

namespace webrtc {
  // 继承cricket::VideoCapturer
	class GPUImageVideoCapturer : public cricket::VideoCapturer {
		...
	}
}

void GPUImageVideoCapturer::CaptureYUVData(const webrtc::VideoFrame& frame, int width, int height)
{
	VideoCapturer::OnFrame(frame, width, height);
}

二、对视频数据进行美颜

对视频数据美颜的思路就是传统的第三方美颜SDK的做法，对内部采集的音视频数据进行处理：内部采集的数据（CVPixelBufferRef）-》转换为纹理（GLuint）-》对纹理进行音视频的美颜-》美颜的纹理转换为iOS的采集数据（CVPixelBufferRef）-》返回给WebRTC内部进行渲染编码和传输。

同步线程

内部处理的一般都是使用同步线程，这样能够保证数据线性流动，参阅GPUImage中的代码片段

 runSynchronouslyOnVideoProcessingQueue(^{
 // 美颜处理
 });
把CVPixelBufferRef 数据转换为纹理（GLuint）
RGB格式类型的转换方式

  • CoreVideo框架的方法：使用此方法可以创建CVOpenGLESTextureRef纹理，并通过CVOpenGLESTextureGetName(texture)获取纹理id。

    - (GLuint)convertRGBPixelBufferToTexture:(CVPixelBufferRef)pixelBuffer {
    if (!pixelBuffer) {
        return 0;
    }
    CGSize textureSize = CGSizeMake(CVPixelBufferGetWidth(pixelBuffer),
                                    CVPixelBufferGetHeight(pixelBuffer));
    CVOpenGLESTextureRef texture = nil;
    CVReturn status = CVOpenGLESTextureCacheCreateTextureFromImage(nil,
                                                                    	   [[GPUImageContext sharedImageProcessingContext] coreVideoTextureCache],
                                                                   pixelBuffer,
                                                                   nil,
                                                                   GL_TEXTURE_2D,
                                                                   GL_RGBA,
                                                                   textureSize.width,
                                                                   textureSize.height,
                                                                   GL_BGRA,
                                                                   GL_UNSIGNED_BYTE,
                                                                   0,
                                                                   &texture);
    
    if (status != kCVReturnSuccess) {
        NSLog(@"Can't create texture");
    }
    self.renderTexture = texture;
    return CVOpenGLESTextureGetName(texture);
}

  • OpenGL的方法：创建纹理对象，使用glTexImage2D方法上传CVPixelBufferRef中图像数据data到纹理对象中。

        glBindTexture(GL_TEXTURE_2D, [outputFramebuffer texture]);
    glTexImage2D(GL_TEXTURE_2D, 0, _pixelFormat==GPUPixelFormatRGB ? GL_RGB : GL_RGBA, (int)uploadedImageSize.width, (int)uploadedImageSize.height, 0, (GLint)_pixelFormat, (GLenum)_pixelType, bytesToUpload);
YUV格式类型的转换方式
- (GLuint)convertYUVPixelBufferToTexture:(CVPixelBufferRef)pixelBuffer {
    if (!pixelBuffer) {
        return 0;
    }
    
    CGSize textureSize = CGSizeMake(CVPixelBufferGetWidth(pixelBuffer),
                                    CVPixelBufferGetHeight(pixelBuffer));

    [EAGLContext setCurrentContext:self.context];
    
    GLuint frameBuffer;
    GLuint textureID;
    
    // FBO
    glGenFramebuffers(1, &frameBuffer);
    glBindFramebuffer(GL_FRAMEBUFFER, frameBuffer);
    
    // texture
    glGenTextures(1, &textureID);
    glBindTexture(GL_TEXTURE_2D, textureID);
    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, textureSize.width, textureSize.height, 0, GL_RGBA, GL_UNSIGNED_BYTE, NULL);
    
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
    
    
    glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, textureID, 0);
    
    glViewport(0, 0, textureSize.width, textureSize.height);
    
    // program
    glUseProgram(self.yuvConversionProgram);
    
    // texture
    CVOpenGLESTextureRef luminanceTextureRef = nil;
    CVOpenGLESTextureRef chrominanceTextureRef = nil;

    CVReturn status = CVOpenGLESTextureCacheCreateTextureFromImage(kCFAllocatorDefault,
                                                                   self.textureCache,
                                                                   pixelBuffer,
                                                                   nil,
                                                                   GL_TEXTURE_2D,
                                                                   GL_LUMINANCE,
                                                                   textureSize.width,
                                                                   textureSize.height,
                                                                   GL_LUMINANCE,
                                                                   GL_UNSIGNED_BYTE,
                                                                   0,
                                                                   &luminanceTextureRef);
    if (status != kCVReturnSuccess) {
        NSLog(@"Can't create luminanceTexture");
    }
    
    status = CVOpenGLESTextureCacheCreateTextureFromImage(kCFAllocatorDefault,
                                                          self.textureCache,
                                                          pixelBuffer,
                                                          nil,
                                                          GL_TEXTURE_2D,
                                                          GL_LUMINANCE_ALPHA,
                                                          textureSize.width / 2,
                                                          textureSize.height / 2,
                                                          GL_LUMINANCE_ALPHA,
                                                          GL_UNSIGNED_BYTE,
                                                          1,
                                                          &chrominanceTextureRef);
    
    if (status != kCVReturnSuccess) {
        NSLog(@"Can't create chrominanceTexture");
    }
    
    glActiveTexture(GL_TEXTURE0);
    glBindTexture(GL_TEXTURE_2D, CVOpenGLESTextureGetName(luminanceTextureRef));
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
    glUniform1i(glGetUniformLocation(self.yuvConversionProgram, "luminanceTexture"), 0);
    
    glActiveTexture(GL_TEXTURE1);
    glBindTexture(GL_TEXTURE_2D, CVOpenGLESTextureGetName(chrominanceTextureRef));
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
    glUniform1i(glGetUniformLocation(self.yuvConversionProgram, "chrominanceTexture"), 1);
    
    GLfloat kXDXPreViewColorConversion601FullRange[] = {
        1.0,    1.0,    1.0,
        0.0,    -0.343, 1.765,
        1.4,    -0.711, 0.0,
    };
    
    GLuint yuvConversionMatrixUniform = glGetUniformLocation(self.yuvConversionProgram, "colorConversionMatrix");
    glUniformMatrix3fv(yuvConversionMatrixUniform, 1, GL_FALSE, kXDXPreViewColorConversion601FullRange);
    
    // VBO
    glBindBuffer(GL_ARRAY_BUFFER, self.VBO);
    
    GLuint positionSlot = glGetAttribLocation(self.yuvConversionProgram, "position");
    glEnableVertexAttribArray(positionSlot);
    glVertexAttribPointer(positionSlot, 3, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)0);
    
    GLuint textureSlot = glGetAttribLocation(self.yuvConversionProgram, "inputTextureCoordinate");
    glEnableVertexAttribArray(textureSlot);
    glVertexAttribPointer(textureSlot, 2, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)(3* sizeof(float)));
    
    glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);
    
    glDeleteFramebuffers(1, &frameBuffer);
    
    glBindFramebuffer(GL_FRAMEBUFFER, 0);
    glBindBuffer(GL_ARRAY_BUFFER, 0);
    
    glFlush();
    
    self.luminanceTexture = luminanceTextureRef;
    self.chrominanceTexture = chrominanceTextureRef;
    if (luminanceTextureRef) {
        CFRelease(luminanceTextureRef);
    }
    if (chrominanceTextureRef) {
        CFRelease(chrominanceTextureRef);
    }
  
    
    return textureID;
}
使用GPUImageTextureInput 加载滤镜和使用GPUImageTextureOutput输出数据
    [GPUImageContext setActiveShaderProgram:nil];
        GPUImageTextureInput *textureInput = [[ARGPUImageTextureInput alloc] initWithTexture:textureID size:size];
     GPUImageSmoothToonFilter *filter = [[GPUImageSmoothToonFilter alloc] init];
     [textureInput addTarget:filter];
     GPUImageTextureOutput *textureOutput = [[GPUImageTextureOutput alloc] init];
     [filter addTarget:textureOutput];
     [textureInput processTextureWithFrameTime:kCMTimeZero];

得到textureOutput，即得到输出的纹理。

GPUImageTextureOutput纹理转化为CVPixelBufferRef 数据
- (CVPixelBufferRef)convertTextureToPixelBuffer:(GLuint)texture
                                    textureSize:(CGSize)textureSize {
    [EAGLContext setCurrentContext:self.context];
    
    CVPixelBufferRef pixelBuffer = [self createPixelBufferWithSize:textureSize];
    GLuint targetTextureID = [self convertRGBPixelBufferToTexture:pixelBuffer];
    
    GLuint frameBuffer;
    
    // FBO
    glGenFramebuffers(1, &frameBuffer);
    glBindFramebuffer(GL_FRAMEBUFFER, frameBuffer);
    
    // texture
    glBindTexture(GL_TEXTURE_2D, targetTextureID);
    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, textureSize.width, textureSize.height, 0, GL_RGBA, GL_UNSIGNED_BYTE, NULL);
    
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
    
    glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, targetTextureID, 0);
    
    glViewport(0, 0, textureSize.width, textureSize.height);
    
    // program
    glUseProgram(self.normalProgram);
    
    // texture
    glActiveTexture(GL_TEXTURE0);
    glBindTexture(GL_TEXTURE_2D, texture);
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
    glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_CLAMP_TO_EDGE);
    glUniform1i(glGetUniformLocation(self.normalProgram, "renderTexture"), 0);
    
    // VBO
    glBindBuffer(GL_ARRAY_BUFFER, self.VBO);
    
    GLuint positionSlot = glGetAttribLocation(self.normalProgram, "position");
    glEnableVertexAttribArray(positionSlot);
    glVertexAttribPointer(positionSlot, 3, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)0);
    
    GLuint textureSlot = glGetAttribLocation(self.normalProgram, "inputTextureCoordinate");
    glEnableVertexAttribArray(textureSlot);
    glVertexAttribPointer(textureSlot, 2, GL_FLOAT, GL_FALSE, 5 * sizeof(float), (void*)(3* sizeof(float)));
    
    glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);
    
    glDeleteFramebuffers(1, &frameBuffer);
    
    glBindFramebuffer(GL_FRAMEBUFFER, 0);
    glBindBuffer(GL_ARRAY_BUFFER, 0);
    
    glFlush();
    
    return pixelBuffer;
}

把美颜后的CVPixelBufferRef同步返回给SDK，进行渲染传输。

三、总结

对音视频的美颜，已经成为了音视频应用的常用功能，除了上述两种做法外，还可以使用第三方美颜，一般音视频厂商都有提供自采集功能，而第三方美颜功能则提供有采集美颜相机功能，二者正好可以无缝结合。如果自身的应用中对美颜要求不是很高，采用音视频SDK自带的美颜即可（美白、美颜、红润），如果用在娱乐场景，除了美颜，还要美型（廋脸，大眼）、贴纸（2D、3D）的，必须要集成第三方美颜SDK了。

anyRTC
关注
专栏目录
博客
ARChatRoom功能介绍手册
09-28 2920
随着音视频行业的不断发展，从语音聊天，语音通话等软件逐渐衍生出了语音开黑，聊天房，和类似狼人杀这种语音类游戏。因为操作简单，受众面广，所以收到了很多人的喜欢。ARChatRoom 是anyRTC模仿语音开黑的示例项目，演示了如何通过 anyRTC云服务，并配合 anyRTC RTC SDK、anyRTC RTM SDK，快速实现语音社交的场景。下载地址：https://github.com/anyRTC-UseCase/ARChatRoom支持场景ARChatRoom 示例项目提供上麦、下麦、排麦
博客
anyRTC 融合音视频能力底座：助力企业数字化转型
11-28 1171
打造一体化融合音视频能力底座的目标，以实时音视频技术能力为基础，拓展协议融合网关，让RTC 跟国标GB28181、H.323、PSTN、模拟对讲机等进行互通互联。
博客
技术分享| gcc版本升级到5.2
11-22 795
GCC（GNU Compiler Collection）是一套广泛使用的开源编译器集合，用于编译多种编程语言，包括C、C++、Objective-C、Fortran等。GCC 的不同版本提供了许多新功能、改进和修复，其中包括从 GCC 4.8.5 升级到 GCC 5.2.0 所带来的一些变化。
博客
技术分享| anyRTC之RTN网络
11-21 503
RTN(Real-time Network)中文名：实时音视频传输网络。
博客
技术分享| anyRTC低延时直播优化
10-27 545
直播系统就是把活动现场的音频或视频信号经数字压缩后，传送到直播多媒体服务器(CDN)上，在互联网上供广大网友或授权特定人群收听或收看。
博客
技术分享| 二进制部署MySQL
10-12 722
​MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一。​MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。​。
博客
技术分享| anyRTC音视频混流技术解析
09-22 565
在视频通讯场景中，比如会议、直播等经常能看到图像合成的场景。图像合成是在指定的一块画面区域，在这个区域内，按画面的位置(坐标)布局，将区域中的每个视频画面的像素混合计算成一个像素（RGB）。
博客
解决方案| anyRTC远程检修应用场景
09-15 450
一站式远程检修方案，让检修得到最专业、最快速的的维护和修复，它不仅能够节省您的时间和精力，还能让您的设备在最短的时间内恢复正常运行
博客
技术分享| WebRTC之SDP详解
08-18 688
SDP(Session Description Protocol) 是一种会话描述协议，基于文本，其本身并不属于传输协议，需要依赖其它的传输协议（比如 SIP， HTTP，自定义的信令等）来交换必要的媒体信息，用于两个会话实体之间的媒体协商，同时SDP也不是只为WebRTC使用，其他的传输比如RTSP，SIP通话也是通过SDP进行媒体协商。
博客
快对讲| 融合视频会议
07-20 404
融合会议是一种新型的会议形式，它通过会议连接器的形式和其他视频会议厂商进行互通互联，帮助企业客户实现高效率沟通和协作。
博客
实例分享| anyRTC 部署安徽某市应急实战指挥平台
07-11 322
在当前的社会环境下，应对各种突发事件和危机管理是各级政府和企事业单位的重要职责，为了提高应急指挥的效率和效果，充分利用现代信息技术为突发事件的应急处理服务是当前的大趋势，整合相关资源，应对各种自然灾害等突发紧急事件，第一时间应对突发紧急事件、实现快速反应、减少损失的目标。
博客
技术分享| 融合通讯的架构介绍
07-04 1211
通过上面的介绍，我们了解了关于流媒体服务的这么多架构，anyRTC融合通讯系统，可以根据用户的实际需求交付不同的解决方案，这样才能更好的贴合实际的需求。
博客
小程序技术分享| 小程序集成 pixi 渲染引擎
06-27 900
开发小程序时一些特殊场景需要使用canvas,但canvas渲染一些特效时太过耗费性能造成页面卡顿并且展示效果也不好(拖动卡顿不连贯等)，因此使用渲染引擎来满足需求。本文在小程序中使用 pixi 渲染引擎。
博客
行业分析| 无人机电力巡检技术的应用
06-26 681
无人机电力巡检是指利用无人机进行巡检，利用人工智能技术和高清晰度数码变焦技术等成熟技术，对电力设备进行无盲区覆盖的全面巡检，从而大大提高巡检效率和精度。
博客
技术分享| 融合会议协议大解密
05-26 608
H.323定义的主要组件有：网守（GK：Gatekeeper）、网关（Gateway）、终端（Terminal）和多点控制单元（Multipoint Control Unit）。
博客
公网对讲SDK——对讲应用场景
05-25 951
对讲SDK 可以应用于多种场景，但同时还有更多的场景有待挖掘。随着智能硬件以及网络的升级和普及， 音视频已经成为人们日常工作的需要。使用anyRTC SDK，开发者只需要少量的工作即可将强大音视频通话通信加入到已有系统之中，轻松拥有音视频能力。
博客
行业分析| 快对讲-融合会议的应用
05-18 803
融合会议为企业提供一种“轻模式”的信息沟通和管理服务。支持语音、视频和数据多媒体通信，实现了语音与数据的无缝融合。用户无需任何软、硬件方面的会议投入，不受时间、地点等因素的限制，使用任何终端召开会议，有效节约企业的成本消耗，给企业员工和客户带来更多的便利。
博客
IOS技术分享| 快对讲2.0会议场景实现
05-11 292
快对讲2.0，全新升级，新增多人音视频会议模块，让沟通更高效！会议模块包含会控、成员管理、聊天、屏幕共享、音视频相关、AI降噪等实用功能，支持iOS、Android 和 Web等多终端接入，让远程协作更加轻松自如。
博客
行业分析| 视频监控——AI自动巡检
04-25 1630
随着视频监控的普及，现在很多社区、工地、车间、厂区、超市、商铺、酒店、餐馆等场所都安装了视频监控系统。当安装的视频监控出现故障时，我们该如何进行简单的视频故障识别呢？如果只依靠人工对视频故障识别排查，工作量是相当大的，尤其是在大规模的视频监控系统中，集成了几千甚至上万路摄像头的画面，使用人工巡检的工作量非常大，同时存在着耗时久、盲区多、主观判断为主、隐性问题大，巡检手抄记录存在不准确、利用价值低等问题。现在我们可以利用AI技术实现自动巡检，不仅可以应对大规模的监控系统，而且可以突破不同的场景限制。
博客
行业分析| 新的学习方式——在线自习室
04-21 696
在线自习室如何更好拥抱新技术的同时，给用户带来更安全良好的体验是未来需要解决的方向。在线自习室可基于“虚拟自习室”平台进行多重核心功能设计，面向学生、家长和老师分设不同角色的入口。例如家长端可设置主账号模式与亲子账号关联，灵活设置学习监督模式；教师端可了解学生自习状态，监督学生学习进展，还可以提供“一键专注”和“计时模式”的效率提升工具，打造浓厚的学习氛围。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值