- 综合排序
- 最热优先
- 最新优先
- 来自专栏写代码和思考
示例：JS 播放视频流时调整 色度， 饱和度，亮度，对比度
1.背景 一个需求是在播放视频流时，对视频流进行调整 色度， 饱和度，亮度，对比度等，要怎么实现呢？ 完成后的截图： ? 3.将RGB 转成 HSL 色，对HSL色调整 色度， 饱和度，亮度 4.调整完毕后，再转成 RGB，并绘制。 色度， 饱和度，亮度，对比度 调整 即 获得图新的像素后 的RGB 色后，通过一个 js 库 ColorConverter 转成 HSL 格式。然后就可以通过 滑动块变更 HSL 中的参数值了。 所以当Contrast为0时，RGB值不变，表示当前的一个对比度。 为-255时，RGB都为127，亮度都一样，没有差别，呈灰色。 developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Manipulating_video_using_canvas Javascript图像处理——亮度对比度
2.3K30发布于 2021-04-29 - 来自专栏RTSP/RTMP直播相关
RTSP|RTMP播放器如何实时调节播放音量？
，我们可能无法直接通过播放器控制音量，这时候，可以使用操作系统的全局音频控制来调节RTSP或RTMP播放器的音量。 利用播放模块自带的音量调节控制一个功能完善的RTSP或RTMP播放器，一般自带实时静音或实时音量调节，如果支持这种模式，就非常方便，可以只条件播放器的volume，不影响系统的音量。 高级功能 视频效果调节：提供了一些视频效果调节选项，如亮度、对比度、饱和度、色调等。用户可以根据实际情况调整这些参数，以获得更好的视频显示效果。 比如可以调整音频和视频效果，包括亮度、对比度、饱和度、音量等参数；可以设置字幕的样式、字体、大小、颜色、位置等；还能更改播放器的外观主题、快捷键等，满足个性化的播放需求。 播放器如何设计音量调节接口 以大牛直播SDK的Windows平台RTSP、RTMP播放器为例，最早，我们设计的接口如下，直接通过实时静音来完成音量调节：/* * smart_player_sdk.cs
2K10编辑于 2024-09-29 Flutter图像编辑器应用（1）—— 亮度和对比度调节实现
实现亮度和对比度调整功能接下来，实现调整图像亮度和对比度的功能。使用Flutter提供的ui库来进行图像处理，通过调整图像的颜色矩阵来改变图像的亮度和对比度。 通过以上步骤，成功地实现了图像编辑器应用程序的关键功能，包括选择图像、调整亮度和对比度，以及保存图像到相册。 目前暂时实现调节亮度和对比度这两个简单的部分，后面会逐渐丰富起来调亮后：代码解析在这一部分，深入解析图像编辑器应用程序中的主要组件和函数，以及如何使用Flutter组件构建用户界面，以及如何处理图像编辑和保存逻辑 通过接收用户输入的值，并更新亮度和对比度状态来实现图像的调整。这些函数会触发UI的重新渲染，以实时显示调整后的图像效果。4. 这些函数负责接收用户的输入，调整图像的亮度和对比度，并将编辑后的图像保存到设备相册中。图像编辑逻辑：使用ui库提供的颜色矩阵来实现亮度和对比度的调整。
1.4K10编辑于 2024-04-20- 来自专栏RTSP/RTMP直播相关
Android端RTMP低延迟播放器在工业与智能场景下的架构与落地
SmartPlayerSetRecorderFileMaxSize()设置录像文件最大大小（单位MB）SmartPlayerSetPullStreamAudioTranscodeAAC()设置音频转 AAC（适配 Speex、PCMU 等）八、 画质调节与亮度控制 （GLSurfaceView专用）接口方法说明EnableVideoBrightnessOption() / SetVideoBrightness()开启并调节亮度EnableVideoContrastOption () / SetVideoContrast()开启并调节对比度EnableVideoSaturationOption() / SetVideoSaturation()开启并调节饱和度九、 RTP & RTSP 以下为主要技术能力对比表： 播放器功能能力对比表能力维度大牛直播SDK RTMP播放器通用开源播放器（ExoPlayer等）协议兼容性✅ 支持 RTMP / Enhanced RTMP-H.265 / 需改源码音频数据获取✅ 支持 PCM 输出，支持 AAC/PCMA/SPEEX 原始流回调❌ 无原生支持截图与录像支持✅ 实时截图 + 录像模块❌ 无原生支持画面控制能力✅ 角度旋转 / 镜像 / 等比缩放 / 亮度饱和度调节
51110编辑于 2025-07-31 - 来自专栏韩曙亮的移动开发专栏
【SeeMusic】视频编辑 ( 顶部裁剪 | 底部裁剪 | 左侧裁剪 | 右侧裁剪 | 明亮度 | 对比度 | 色调 | 饱和度 )
【SeeMusic】视频编辑 ( 视频 X 坐标 | 视频 Y 坐标 | 视频旋转 | 视频扭曲 ) 【SeeMusic】视频编辑 ( 顶部裁剪 | 底部裁剪 | 左侧裁剪 | 右侧裁剪 | 明亮度 | 对比度 | 色调 | 饱和度 ) ---- 文章目录 SeeMusic 系列文章目录 前言 一、视频裁剪相关设置 1、裁剪视频顶部 ( Video Crop Top ) 2、裁剪视频底部 ( Video Brightness ) 2、视频对比度 ( Video Contrast ) 3、视频色调 ( Video Hue ) 4、视频饱和度 ( Video Saturation ) 前言 在博客 【SeeMusic ( Video Brightness ) 视频明亮度 ( Video Brightness ) : 取值范围 -1 ~ +1 , 默认值为 0 ; -1 全黑 , 1 全白 ; 2、视频对比度 ( Video Hue ) : 取值范围 -360 ~ +360 , 默认值为 0 ; 4、视频饱和度 ( Video Saturation ) 视频饱和度 ( Video Saturation ) :
1.9K10编辑于 2023-03-29 - 来自专栏腾讯IVWEB团队的专栏
使用 AI Image Creator 在深度学习中做图片预处理
调节亮度。调节过手机的亮度就能体会这个意思。 调节饱和度。调节过传统电视就能体会到这个意思，饱和度越高，色彩显示越鲜艳，反之给人一种冷色的感觉。 调节色相。 调节对比度。这个会让图片亮的地方更亮，暗的地方更暗。也可以想象一下电视上的对比度调节，不得不说电视机启蒙了这些专业名词。 调节饱和度 调节饱和度也是用 .modulate 方法，只不过是调节第二个参数： /** * 调整饱和度 * @param inputPath 输入的图像文件路径 * @param outputPath 饱和度 调节饱和度的产生的图片细节没有丢，大多都能够用作训练集中的图片，与亮度一样，饱和度相差 20 的两张图片差异性明显。另外，饱和度大于 140 的时候，图片改变就不明显了。 * @param multiplier 调节对比度的因子，默认是 0，可以为负值，n 表示增加 n 次对比度，-n 表示降低 n 次对比度 * @param callback 处理后的回调函数
1.9K10发布于 2020-06-24 - 来自专栏雪月清的随笔
数字图像处理领域中常见的几种色彩模式
平台上操作图像的亮度，对比度和饱和度来进行说明，首先了解下三者的概念：亮度：像素灰度值的强度，亮度越高则图像越发白，否则图像越黑；饱和度：色彩的纯度，越高色彩越纯越亮，低则逐渐变灰变暗；对比度：图像中像素之间的差异 ，对比度越高图像细节越突出，反之细节不明显； 从上面的概念上来看，如果要操作图像的亮度和饱和度，在HSL\HSV色彩空间中进行是最方便的，直接操作相应的分量即可；而对比度的操作可以直接在RGB色彩空间中进行 （调整对比度的算法很多，此处只是一个简单实现）： R，G，B分量除255做归一化处理； ((归一化的分量 - 0.5) * 饱和度系数 + 0.5) * 255； 核心代码: 亮度和饱和度的调节也可以在RGB色彩空间中应用相关算法进行，此处先将RGB转化到HSL色彩空间，然后根据系数对S分量和L分量进行增益即可 从RGB到HSL\HSV的转换算法如下(摘自百度百科)： [i] = newColor } 饱和度系数SATURATION_RATIO为1.5的效果, 可以看到图像变亮变纯 饱和度系数SATURATION_RATIO为0.5的效果，可以看到图像变暗变灰 调整亮度核心代码
1.9K10发布于 2020-06-23 - 来自专栏WindCoder
20种常用的 Ps技术
打造朦胧中的鲜艳(风景，生态类) 1 打开图片，复制图层. 2 将副本层的图层模式该为“滤色”. 3 使用高斯模糊（+8.6 像素）. 4 调节色像/饱和度（Ctrl+U）(0,+12,0). ）. 4 继续执行色相/饱和度（**，-22，+45，-1）. 5 继续执行色相/饱和度（绿色，+15，0，0）. 6 调节亮度/对比度（亮度降低/对比度增加）. 简单轻松实现素描效果 1 打开图片，执行去色，调整亮度/对比度（亮度降低/对比度增加）. 2 复制背景层（Ctrl+J），选定背景层，执行滤镜-风格-查找边缘，再进行UXXXXX锐化，再将图层模式改为叠加 亮度/对比度，将亮度调至-10，将对比度调至60左右 Ps“反转负冲”人像处理一例 “反转负冲”是在胶片拍摄中比较特殊的一种手法。 /对比度” 调整对比度亮度－5，对比度＋20，确认. 9 在通道控制面板选全部RGB通道，进入“图象”-“调整”菜单，选“色相/饱和度”（或者直接用快捷键“Ctrl＋U”调出） 调整饱和度＋15，确认
3.1K10发布于 2018-09-20 - 来自专栏码上就说
为播放器外接一套渲染框架
我做播放器也很久了，今天不想谈播放器的性能优化和内部原理，谈谈播放器的渲染框架。 如果你有一定的音视频基础，其实从头开发一个播放器并非难事，自己从头开发的播放器可定制化程度就非常高，基本上没有你做不到的，只有你想不到的。 但是实际工作中自己做出来一个播放器并不难，但是稳定性好不好，扩展性强不强，跨平台怎么样等等这系列问题你做出来的播放器未必符合要求，现在比较受开发者喜欢的播放器框架有ijkplayer、ExoPlayer 下面有几个播放器渲染方面的需求： 实现播放视频左右或者上下翻转 改变播放视频的亮度、对比度、色温、饱和度、锐度等等 在播放器上面加一层滤镜 播放界面以圆形、心形、五角星等形状展示 以后还会有VR视频， 下面看一下呈现的效果： 原图/水平镜像/垂直镜像 加一层滤镜：滤镜是可以调整强度的 调整亮度： 调整对比度： 调整色温：下面是冷色调 调整饱和度： 调整颗粒度： 调整锐度： 加个火腿肠
74710编辑于 2023-03-05 - 来自专栏山河已无恙
影视后期： PR 调色处理之调色工具面板介绍
通过观察亮度波形图，可以了解画面中的亮度分布情况，方便进行亮度和对比度的调整。 亮度波形图中的曲线表示了视频信号在不同时间点的亮度值，通常是从0到100。横轴代表时间，纵轴代表亮度值。 通过观察波形图的曲线形状和分布情况，可以了解视频信号的整体亮度、亮度分布、对比度等信息。 例如，如果波形图曲线的峰值较集中且分布在中间位置，表示视频信号的亮度较为均匀，对比度适中；如果曲线分布较为平坦，则表示视频信号的亮度变化较少，对比度较低。 PR中的亮度波形对于调整和优化视频的亮度和对比度非常有用，有助于提高视频的质量和观感。 风格LUT是一种色彩风格化预设文件，是别人已经调节好的颜色预设，可以一键加载到自己的视频上，基本可以达到一键调色的效果。
2.4K10编辑于 2024-01-02 - 来自专栏Mac资源随时更新
Elmedia Player：Mac视频播放器下载工具
Elmedia Player是一款简单好用的Mac视频播放器，拥有大量便利功能，如内置网络浏览器，可让您上网找到合适的视频下载，以及打开网址浏览器，无需烦人的广告即可观看YouTube视频，提供无抖动和撕裂视频 Mac视频播放器下载工具Elmedia Player：https://www.macz.com/mac/5595.html? 3.播放任何格式的电影和音乐Elmedia Video Player是几乎所有媒体格式的通用播放器 - DivX，WMV，FLV，SWF，AVI，MOV，MP4，MP3等。 将任何电影或动画投入其中 - 视频播放器将在Mac上播放。它还支持大量音频格式，包括。MP3，AAC等完美地存储和管理您的整个音乐收藏，您可以在这里定制多个播放列表以匹配您的每一种情绪。 5.Elmedia Video Player提供的额外功能 视频颜色，亮度和对比度调整。在播放期间调整亮度，对比度，饱和度和其他颜色设置，以提高性能。带预置的音频均衡器。
1.4K10编辑于 2022-09-20 - 来自专栏AI算法能力提高班
ISP Pipeline | camera成像原理
白平衡有3个步骤： （1）检测色温，如果手工调节，就知道图像中什么位置是白色物体了，色温容易检测；如果是自动调节，就需要估计出（猜出）图像中的白色位置，这是最重要的一环； 实际计算中为了实时操作，减少计算量 在完成了光强测量和场景分析之后，就要控制相应的参数使得曝光调节生效。 在这里，红色曲线代表饱和度较低，绿色曲线代表饱和度较高的颜色，而蓝色曲线代表饱和度相当高的颜色。随着饱和度的增加，颜色会显得更加纯"。随着饱和度的降低，颜色会显得更加 "冲淡"。 因此提高显示器亮度的同时，也要提高其对比度，否则就会出现整个显示屏发白的现象。电视机亮度不要开得太大。 亮度和对比度都应用于 luma 通道 Y image-20231124175327480 3 A References https://github.com/cruxopen/openISP openISP
2.6K24编辑于 2023-12-14 - 来自专栏木鸟杂记
程序员五一修图小贴士
黄色变橙色，并增加两者饱和度。在颜色-混合中，调整黄色向橙色，然后适当向右调整两者饱和度滑块。 减弱剩余颜色饱和度。 颜色分解 为了增加云彩的层次感，可以调整下亮度-曲线中的蓝色通道。 关于直方图的知识，可以看看这篇[^2]，本质上刻画的是图像平面上的像素点的亮度数量分布。 增加对比度有几种方法： 最简单的就是亮度-对比度，将滑块往右拉。但是这种方法不太精细，我一般用曲线。 选择亮度-曲线，可以发现曲线有四个，分别是总体、红、绿、蓝。这里调整总体曲线即可。增加对比度的经典曲线形状是一个 S，即让高光部分更亮，阴影部分更暗，对比度一下就出来了。 可以在效果栏目中调节纹理，清晰度，去朦胧三个滑块进行调整。三个滑块的作用边缘依次变大，纹理针对一些细微的边缘，清晰度针对更大的物体轮廓，去朦胧就有点类似于改变对比度了。 可以在颜色-混合中对这些点集进行选择，以调整其色相、饱和度和明亮度。 看成是不同物理区域的点集。
1.2K20发布于 2021-09-26 - 来自专栏AI算法能力提高班
ISP Pipeline | camera成像原理
白平衡有3个步骤： （1）检测色温，如果手工调节，就知道图像中什么位置是白色物体了，色温容易检测；如果是自动调节，就需要估计出（猜出）图像中的白色位置，这是最重要的一环； 实际计算中为了实时操作，减少计算量 在完成了光强测量和场景分析之后，就要控制相应的参数使得曝光调节生效。 在这里，红色曲线代表饱和度较低，绿色曲线代表饱和度较高的颜色，而蓝色曲线代表饱和度相当高的颜色。随着饱和度的增加，颜色会显得更加纯"。随着饱和度的降低，颜色会显得更加 "冲淡"。 因此提高显示器亮度的同时，也要提高其对比度，否则就会出现整个显示屏发白的现象。电视机亮度不要开得太大。 亮度和对比度都应用于 luma 通道 Y image-20231124175327480 3 A References https://github.com/cruxopen/openISP openISP
2.7K12编辑于 2023-12-14 - 来自专栏ISP图像处理相关
【阅读笔记】低照度图像增强-《Adaptive and integrated neighborhood-dependent approach for nonlinear enhancement of
and integrated neighborhood-dependent approach for nonlinear enhancement of color images》 概述 改进算法同样采用亮度提升和对比度增强两个独立模块分别处理 1、通过使用非线性传递函数实现的亮度提升。 )+29.071*I^{b}(x,y)}{255} Y_{n}(x,y)=\frac{Y(x,y)}{255} 2、亮度调节：根据下式进行非线性转换,同样是一个非线性gamma映射曲线 Y_{n}^{' \lambda表示色调调节因子，通常取1也可，输出的彩色图像可以通过色彩饱和度和白平衡调整进一步细化。 center class ='img'> 图、测试图像4、INDANE处理效果、AINDANE处理效果 算法总结 相较INDANE算法，主要改进点在步骤2、4统计图像数据对亮度调节和对比度增强两个模块进行分别优化
89431编辑于 2022-11-24 - 来自专栏每日一篇技术文章
SceneKit-Camera之HDR开篇01
Dynamic Range (HDR) 的概念 2.介绍SCNCameraHDR相关属性的使用方法 HDR 1.由来 当我们使用数码相机拍摄一张图片保存成jpg或者png的时候,这张照片保存的图片亮度值只有 0-255的范围,但是人眼的能够分辨的亮度 最亮和最暗之为 10^5,如果我们要合成一张这样的照片,就需要在不同的曝光度下对同一个场景进行拍摄,让后将照片进行合成,不过这样需要的图片数量过于巨大,不太现实 ,然后聪明的人类发明了一种新的技术叫做色调映射,解决了这个难题 2.色调映射(Tone-Mapping) 发现人的眼睛对色彩的对比度比较敏感,所以人类通过 对比度映射，保留了对比度细节，所以通常会产生非常锐利的图像 IMG_0565.PNG 功能-1 设置场景渲染的饱和度(默认值为1) self.cameraNode.camera?.saturation = 0 效果如下 ? IMG_0566.PNG 功能-2 控制场景的整体对比度 (默认值为0) self.cameraNode.camera?.contrast = 10 效果如下 ?
1.1K20发布于 2019-06-15 - 来自专栏掘金安东尼
5 分钟一览 CSS 颜色表示方法和专业用法
、亮度三个参数来表示颜色。 其中色相的取值范围是 0 ~ 360，饱和度和亮度的取值范围是 0% ~ 100%。 、亮度三个参数来表示颜色。 与 HSL 不同的是，HWB 使用白色和黑色来调节亮度和饱和度。 使用 contrast() 函数来计算颜色和背景色的对比度，比如 background-color: #333; color: contrast(#333, white, black);。
1.1K00编辑于 2023-04-22 - 来自专栏媒矿工厂
HDR关键技术：色调映射(一)
人眼通过瞳孔的调节，找到场景中亮度的主要分布范围，人眼会对于这个亮度范围内的亮度敏感，能够分辨其中的细节，而对于其他亮度，在人眼的感知中就是过于明亮或者过于阴暗，人眼就无法感知其中的细节。 同时，因为色调映射算子此时只对亮度进行操作，而不改变颜色，所以上式可以简化为： ? 这里s∈(0,1]代表饱和度因子，用来降低色调映射后的饱和度，因其在色调映射过程中饱和度通常会增加。 L是HDR图像的亮度，T是色调映射后对应的亮度值。s是用来调节饱和度的参数，当s<1时，颜色的饱和度可以得到调节。 因此，大多数的色调映射算法，都是通过这样的方式进行颜色的映射。 例如整体亮度，对比度，饱和度；同时，也取决于一些图像的数据： ? 。图像数据可以包括图像均值 ? 。图像的最大，最小值以及图像的直方图 ? 。 由于全局对比度在亮度被压缩到较小的亮度范围时不可避免的会出现损失，提升图像的品质就可以从保持图像的局部对比度，或者说细节入手。 我们同样公式化地描述局部对比度。
9.9K78发布于 2018-07-26 - 来自专栏全栈程序员必看
PS图层混合模式实例详解
在此模式下，可以通过调节图层不透明度和图层填充值的参数，不同程度的显示下一层的内容。 如果当前图层中的像素比50%灰色亮，则通过减小 对比度的方式使图像变亮；如果当前图层中的像素比50%灰色暗，则通过增加对比度的方式使图像变暗。 22，色相混合模式 色相混合模式是选择基色的亮度和饱和度值与混合色进行混合而创建的效果，混合后的亮度及饱和度取决于基色， 但色相取决于混合色。 23，饱和度混合模式 饱和度混合模式是在保持基色色相和亮度值的前提下，只用混合色的饱和度值进行着色。基色与混合色的饱和度值 不同时，才使用混合色进行着色处理。 颜色模式可以看作是饱和度模式和色相模式的综合 效果，一般用于为图像添加单色效果。 25，明度混合模式 明度混合模式使用混合色的亮度值进行表现，而采用的是基色中的饱和度和色相。
2.5K30编辑于 2022-09-06 - 来自专栏猿说编程
IOS – OPenGL ES 调节图像饱和度 GPUImageSaturationFilter
GPUImageSaturationFilter 属于 GPUImage 颜色处理相关，用来处理图片饱和度，shader 源码如下： /********************************* *************************/ //@Author:猿说编程 //@Blog(个人博客地址): www.codersrc.com //@File:IOS – OPenGL ES 调节图像饱和度 textureColor.rgb, saturation), textureColor.w); } ); #endif 二.效果演示 图片 三.源码下载 下载地址：IOS – OPenGL ES 调节图像饱和度 GPUImageSaturationFilter 四.猜你喜欢 IOS – OPenGL ES 设置图像亮度 GPUImageBrightnessFilter IOS – OPenGL ES 调节图像曝光度 GPUImageExposureFilter IOS – OpenGL ES 调节图像对比度 GPUImageContrastFilter IOS – OPenGL ES 调节图像饱和度 GPUImageSaturationFilter
87120编辑于 2023-03-18
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号