Qt/C++音视频开发82-系统音量值获取和设置/音量大小/静音

一、前言

在音视频开发中，音量的控制分两块，一个是控制播放器本身的音量，绝大部分场景都是需要控制这个，这个不会影响系统音量的设置。还有一种场景是需要控制系统的音量，因为播放器本身的音量是在系统音量的基础上控制的，也就是系统音量30%，意味着播放器最大的音量也是只能到系统音量的30%，这个情况在小部分场景中是不准确的，不是用户期望的，比如展厅展馆播放器，他们很多时候希望播放器音量的大小就是系统音量的大小，所以需要搞个开关，开启音量设置是否自动跟随系统音量。

在windows上读取和设置系统的音量有多种方法，最常见最万能最准确的办法就是使用winapi接口，一般会引入windows.h/mmdeviceapi.h/endpointvolume.h/audioclient.h四个头文件，调用其中的几个函数接口就行。还有另外一种方法比较独特，就是用纯Qt方法，模拟系统按键，发送Fn+F2/Fn+F3来控制音量减少和增加，这种方法缺点就是无法获取当前音量值。

这里遇到个小插曲，就是封装好的这个类，在mingw正常，但是msvc居然编译通不过，后面发现原来是头文件引入顺序的问题，要先引入系统的头文件，再引入Qt的头文件，就没问题，可能Qt的头文件也引入的系统的头文件，然后又自己增加了一些定义导致的冲突吧。

二、效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

三、相关地址

  1. 国内站点：https://gitee.com/feiyangqingyun
  2. 国际站点：https://github.com/feiyangqingyun
  3. 个人作品：https://blog.csdn.net/feiyangqingyun/article/details/97565652
  4. 文件地址：https://pan.baidu.com/s/1d7TH_GEYl5nOecuNlWJJ7g 提取码：01jf 文件名：bin_video_demo。

四、功能特点

4.1 基础功能

  1. 支持各种音频视频文件格式，比如mp3、wav、mp4、asf、rm、rmvb、mkv等。
  2. 支持本地摄像头设备和本地桌面采集，支持多设备和多屏幕。
  3. 支持各种视频流格式，比如rtp、rtsp、rtmp、http、udp等。
  4. 本地音视频文件和网络音视频文件，自动识别文件长度、播放进度、音量大小、静音状态等。
  5. 文件可以指定播放位置、调节音量大小、设置静音状态等。
  6. 支持倍速播放文件，可选0.5倍、1.0倍、2.5倍、5.0倍等速度，相当于慢放和快放。
  7. 支持开始播放、停止播放、暂停播放、继续播放。
  8. 支持抓拍截图，可指定文件路径，可选抓拍完成是否自动显示预览。
  9. 支持录像存储，手动开始录像、停止录像，部分内核支持暂停录像后继续录像，跳过不需要录像的部分。
  10. 支持无感知切换循环播放、自动重连等机制。
  11. 提供播放成功、播放完成、收到解码图片、收到抓拍图片、视频尺寸变化、录像状态变化等信号。
  12. 多线程处理，一个解码一个线程，不卡主界面。

4.2 特色功能

  1. 同时支持多种解码内核，包括qmedia内核（Qt4/Qt5/Qt6）、ffmpeg内核（ffmpeg2/ffmpeg3/ffmpeg4/ffmpeg5/ffmpeg6）、vlc内核（vlc2/vlc3）、mpv内核（mpv1/mp2）、mdk内核、海康sdk、easyplayer内核等。
  2. 非常完善的多重基类设计，新增一种解码内核只需要实现极少的代码量，就可以应用整套机制，极易拓展。
  3. 同时支持多种画面显示策略，自动调整（原始分辨率小于显示控件尺寸则按照原始分辨率大小显示，否则等比缩放）、等比缩放（永远等比缩放）、拉伸填充（永远拉伸填充）。所有内核和所有视频显示模式下都支持三种画面显示策略。
  4. 同时支持多种视频显示模式，句柄模式（传入控件句柄交给对方绘制控制）、绘制模式（回调拿到数据后转成QImage用QPainter绘制）、GPU模式（回调拿到数据后转成yuv用QOpenglWidget绘制）。
  5. 支持多种硬件加速类型，ffmpeg可选dxva2、d3d11va等，vlc可选any、dxva2、d3d11va，mpv可选auto、dxva2、d3d11va，mdk可选dxva2、d3d11va、cuda、mft等。不同的系统环境有不同的类型选择，比如linux系统有vaapi、vdpau，macos系统有videotoolbox。
  6. 解码线程和显示窗体分离，可指定任意解码内核挂载到任意显示窗体，动态切换。
  7. 支持共享解码线程，默认开启并且自动处理，当识别到相同的视频地址，共享一个解码线程，在网络视频环境中可以大大节约网络流量以及对方设备的推流压力。国内顶尖视频厂商均采用此策略。这样只要拉一路视频流就可以共享到几十个几百个通道展示。
  8. 自动识别视频旋转角度并绘制，比如手机上拍摄的视频一般是旋转了90度的，播放的时候要自动旋转处理，不然默认是倒着的。
  9. 自动识别视频流播放过程中分辨率的变化，在视频控件上自动调整尺寸。比如摄像机可以在使用过程中动态配置分辨率，当分辨率改动后对应视频控件也要做出同步反应。
  10. 音视频文件无感知自动切换循环播放，不会出现切换期间黑屏等肉眼可见的切换痕迹。
  11. 视频控件同时支持任意解码内核、任意画面显示策略、任意视频显示模式。
  12. 视频控件悬浮条同时支持句柄、绘制、GPU三种模式，非绝对坐标移来移去。
  13. 本地摄像头设备支持指定设备名称、分辨率、帧率进行播放。
  14. 本地桌面采集支持设定采集区域、偏移值、指定桌面索引、帧率、多个桌面同时采集等。还支持指定窗口标题采集固定窗口。
  15. 录像文件同时支持打开的视频文件、本地摄像头、本地桌面、网络视频流等。
  16. 瞬间响应打开和关闭，无论是打开不存在的视频或者网络流，探测设备是否存在，读取中的超时等待，收到关闭指令立即中断之前的操作并响应。
  17. 支持打开各种图片文件，支持本地音视频文件拖曳播放。
  18. 视频流通信方式可选tcp/udp，有些设备可能只提供了某一种协议通信比如tcp，需要指定该种协议方式打开。
  19. 可设置连接超时时间（视频流探测用的超时时间）、读取超时时间（采集过程中的超时时间）。
  20. 支持逐帧播放，提供上一帧/下一帧函数接口，可以逐帧查阅采集到的图像。
  21. 音频文件自动提取专辑信息比如标题、艺术家、专辑、专辑封面，自动显示专辑封面。
  22. 视频响应极低延迟0.2s左右，极速响应打开视频流0.5s左右，专门做了优化处理。
  23. 支持H264/H265编码（现在越来越多的监控摄像头是H265视频流格式）生成视频文件，内部自动识别切换编码格式。
  24. 支持用户信息中包含特殊字符（比如用户信息中包含+#@等字符）的视频流播放，内置解析转义处理。
  25. 支持滤镜，各种水印及图形效果，支持多个水印和图像，可以将OSD标签信息和各种图形信息写入到MP4文件。
  26. 支持视频流中的各种音频格式，AAC、PCM、G.726、G.711A、G.711Mu、G.711ulaw、G.711alaw、MP2L2等都支持，推荐选择AAC兼容性跨平台性最好。
  27. 内核ffmpeg采用纯qt+ffmpeg解码，非sdl等第三方绘制播放依赖，gpu绘制采用qopenglwidget，音频播放采用qaudiooutput。
  28. 内核ffmpeg和内核mdk支持安卓，其中mdk支持安卓硬解码，性能非常凶残。
  29. 可以切换音视频轨道，也就是节目通道，可能ts文件带了多个音视频节目流，可以分别设置要播放哪一个，可以播放前设置好和播放过程中动态设置。
  30. 可以设置视频旋转角度，可以播放前设置好和播放过程中动态改变。
  31. 视频控件悬浮条自带开始和停止录像切换、声音静音切换、抓拍截图、关闭视频等功能。
  32. 音频组件支持声音波形值数据解析，可以根据该值绘制波形曲线和柱状声音条，默认提供了声音振幅信号。
  33. 标签和图形信息支持三种绘制方式，绘制到遮罩层、绘制到图片、源头绘制（对应信息可以存储到文件）。
  34. 通过传入一个url地址，该地址可以带上通信协议、分辨率、帧率等信息，无需其他设置。
  35. 保存视频到文件支持三种策略，自动处理、仅限文件、全部转码，转码策略支持自动识别、转264、转265，编码保存支持指定分辨率缩放或者等比例缩放。比如对保存文件体积有要求可以指定缩放后再存储。
  36. 支持加密保存文件和解密播放文件，可以指定秘钥文本。
  37. 提供的监控布局类支持64通道同时显示，还支持各种异型布局，比如13通道，手机上6行2列布局。各种布局可以自由定义。
  38. 支持电子放大，在悬浮条切换到电子放大模式，在画面上选择需要放大的区域，选取完毕后自动放大，再次切换放大模式可以复位。
  39. 各组件中极其详细的打印信息提示，尤其是报错信息提示，封装的统一打印格式。针对现场复杂的设备环境测试极其方便有用，相当于精确定位到具体哪个通道哪个步骤出错。
  40. 同时提供了简单示例、视频播放器、多画面视频监控、监控回放、逐帧播放、多屏渲染等单独窗体示例，专门演示对应功能如何使用。
  41. 监控回放可选不同厂家类型、回放时间段、用户信息、指定通道。支持切换回放进度。
  42. 可以从声卡设备下拉框选择声卡播放声音，提供对应的切换声卡函数接口。
  43. 支持编译到手机app使用，提供了专门的手机app布局界面，可以作为手机上的视频监控使用。
  44. 代码框架和结构优化到最优，性能强悍，注释详细，持续迭代更新升级。
  45. 源码支持windows、linux、mac、android等，支持各种国产linux系统，包括但不限于统信UOS/中标麒麟/银河麒麟等。还支持嵌入式linux。
  46. 源码支持Qt4、Qt5、Qt6，兼容所有版本。

4.3 视频控件

  1. 可动态添加任意多个osd标签信息，标签信息包括名字、是否可见、字号大小、文本文字、文本颜色、背景颜色、标签图片、标签坐标、标签格式（文本、日期、时间、日期时间、图片）、标签位置（左上角、左下角、右上角、右下角、居中、自定义坐标）。
  2. 可动态添加任意多个图形信息，比如人工智能算法解析后的图形区域信息直接发给视频控件即可。图形信息支持任意形状，直接绘制在原始图片上，采用绝对坐标。
  3. 图形信息包括名字、边框大小、边框颜色、背景颜色、矩形区域、路径集合、点坐标集合等。
  4. 每个图形信息都可指定三种区域中的一种或者多种，指定了的都会绘制。
  5. 内置悬浮条控件，悬浮条位置支持顶部、底部、左侧、右侧。
  6. 悬浮条控件参数包括边距、间距、背景透明度、背景颜色、文本颜色、按下颜色、位置、按钮图标代码集合、按钮名称标识集合、按钮提示信息集合。
  7. 悬浮条控件一排工具按钮可自定义，通过结构体参数设置，图标可选图形字体还是自定义图片。
  8. 悬浮条按钮内部实现了录像切换、抓拍截图、静音切换、关闭视频等功能，也可以自行在源码中增加自己对应的功能。
  9. 悬浮条按钮对应实现了功能的按钮，有对应图标切换处理，比如录像按钮按下后会切换到正在录像中的图标，声音按钮切换后变成静音图标，再次切换还原。
  10. 悬浮条按钮单击后都用名称唯一标识作为信号发出，可以自行关联响应处理。
  11. 悬浮条空白区域可以显示提示信息，默认显示当前视频分辨率大小，可以增加帧率、码流大小等信息。
  12. 视频控件参数包括边框大小、边框颜色、焦点颜色、背景颜色（默认透明）、文字颜色（默认全局文字颜色）、填充颜色（视频外的空白处填充黑色）、背景文字、背景图片（如果设置了图片优先取图片）、是否拷贝图片、缩放显示模式（自动调整、等比缩放、拉伸填充）、视频显示模式（句柄、绘制、GPU）、启用悬浮条、悬浮条尺寸（横向为高度、纵向为宽度）、悬浮条位置（顶部、底部、左侧、右侧）。

五、相关代码

#include "volumehelper.h"
#include "qdebug.h"#ifdef setsystemvolume
#include "windows.h"
#include "audioclient.h"
#include "mmdeviceapi.h"
#include "endpointvolume.h"
#endifint VolumeHelper::getVolume()
{
#ifdef setsystemvolumeHRESULT hr;IMMDeviceEnumerator *pDeviceEnumerator = 0;IMMDevice *pDevice = 0;IAudioEndpointVolume *pAudioEndpointVolume = 0;IAudioClient *pAudioClient = 0;try {hr = CoCreateInstance(__uuidof(MMDeviceEnumerator), NULL, CLSCTX_ALL, __uuidof(IMMDeviceEnumerator), (void **)&pDeviceEnumerator);if (FAILED(hr)) {throw "CoCreateInstance";}hr = pDeviceEnumerator->GetDefaultAudioEndpoint(eRender, eMultimedia, &pDevice);if (FAILED(hr)) {throw "GetDefaultAudioEndpoint";}hr = pDevice->Activate(__uuidof(IAudioEndpointVolume), CLSCTX_ALL, NULL, (void **)&pAudioEndpointVolume);if (FAILED(hr)) {throw "pDevice->Active";}hr = pDevice->Activate(__uuidof(IAudioClient), CLSCTX_ALL, NULL, (void **)&pAudioClient);if (FAILED(hr)) {throw "pDevice->Active";}float fVolume;hr = pAudioEndpointVolume->GetMasterVolumeLevelScalar(&fVolume);if (FAILED(hr)) {throw "SetMasterVolumeLevelScalar";}pAudioClient->Release();pAudioEndpointVolume->Release();pDevice->Release();pDeviceEnumerator->Release();return fVolume * 100;} catch (...) {if (pAudioClient) {pAudioClient->Release();}if (pAudioEndpointVolume) {pAudioEndpointVolume->Release();}if (pDevice) {pDevice->Release();}if (pDeviceEnumerator) {pDeviceEnumerator->Release();}throw;}
#endifreturn 0;
}bool VolumeHelper::setVolume(int volume)
{
#ifdef setsystemvolumeHRESULT hr;IMMDeviceEnumerator *pDeviceEnumerator = 0;IMMDevice *pDevice = 0;IAudioEndpointVolume *pAudioEndpointVolume = 0;IAudioClient *pAudioClient = 0;try {hr = CoCreateInstance(__uuidof(MMDeviceEnumerator), NULL, CLSCTX_ALL, __uuidof(IMMDeviceEnumerator), (void **)&pDeviceEnumerator);if (FAILED(hr)) {throw "CoCreateInstance";}hr = pDeviceEnumerator->GetDefaultAudioEndpoint(eRender, eMultimedia, &pDevice);if (FAILED(hr)) {throw "GetDefaultAudioEndpoint";}hr = pDevice->Activate(__uuidof(IAudioEndpointVolume), CLSCTX_ALL, NULL, (void **)&pAudioEndpointVolume);if (FAILED(hr)) {throw "pDevice->Active";}hr = pDevice->Activate(__uuidof(IAudioClient), CLSCTX_ALL, NULL, (void **)&pAudioClient);if (FAILED(hr)) {throw "pDevice->Active";}if (volume == -2) {hr = pAudioEndpointVolume->SetMute(FALSE, NULL);if (FAILED(hr)) {throw "SetMute";}} else if (volume == -1) {hr = pAudioEndpointVolume->SetMute(TRUE, NULL);if (FAILED(hr)) {throw "SetMute";}} else if (volume >= 0 && volume <= 100) {float fVolume = volume / 100.0f;hr = pAudioEndpointVolume->SetMasterVolumeLevelScalar(fVolume, &GUID_NULL);if (FAILED(hr)) {throw "SetMasterVolumeLevelScalar";}pAudioClient->Release();pAudioEndpointVolume->Release();pDevice->Release();pDeviceEnumerator->Release();            }return true;} catch (...) {if (pAudioClient) {pAudioClient->Release();}if (pAudioEndpointVolume) {pAudioEndpointVolume->Release();}if (pDevice) {pDevice->Release();}if (pDeviceEnumerator) {pDeviceEnumerator->Release();}throw;}
#endifreturn false;
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/33079.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

十三、OSG学习笔记-osgDB文件读写

十三、OSG学习笔记-osgDB文件读写

上一章节&#xff1a; 十二、OSG学习笔记-Control-CSDN博客https://blog.csdn.net/weixin_36323170/article/details/146082287?spm1001.2014.3001.5501 一、文件读取原理 ReadNodeFile,读取流程&#xff1a; 二、实现一个简单的读取器 仿造ReaderWriterOSG.CPP原码&#x…
阅读更多...
05.基于 TCP 的远程计算器：从协议设计到高并发实现

05.基于 TCP 的远程计算器：从协议设计到高并发实现

&#x1f4d6; 目录 &#x1f4cc; 前言&#x1f50d; 需求分析 &#x1f914; 我们需要解决哪些问题&#xff1f; &#x1f3af; 方案设计 &#x1f4a1; 服务器架构 &#x1f680; 什么是协议&#xff1f;为什么要设计协议&#xff1f; &#x1f4cc; 结构化数据的传输问题 …
阅读更多...
设计模式学习笔记——命令模式

设计模式学习笔记——命令模式

2025年3月13日&#xff0c;周四下午 相同的保存逻辑在各个组件中重复出现。 且需要修改保存逻辑时&#xff0c;各个组件的保存逻辑都需要进行相应修改。 使用了命令模式把保存逻辑从三个组件中独立出来后&#xff0c;减少了代码冗余。 可以通过“保存命令”来使用保存逻辑&am…
阅读更多...
CNN-BiLSTM、BiLSTM、CNN多变量时间序列光伏功率预测Matlab

CNN-BiLSTM、BiLSTM、CNN多变量时间序列光伏功率预测Matlab

CNN-BiLSTM、BiLSTM、CNN多变量时间序列光伏功率预测Matlab 目录 CNN-BiLSTM、BiLSTM、CNN多变量时间序列光伏功率预测Matlab预测效果基本介绍程序设计参考资料 预测效果 基本介绍 CNN-BiLSTM、BiLSTM、CNN三模型多变量时序光伏功率预测 (Matlab2020b 多输入单输出) 1.程序已…
阅读更多...
机器学习算法——聚类任务

机器学习算法——聚类任务

目录 1、K-Means 2、K-medoids 3、K-medians 4、层次聚类 5、DBSCAN 6、OPTICS 7、谱聚类 Spectral Clustering 8、高斯混合模型 GMM 9、模糊C-means FCM 10、Mean Shift 11、BIRCH 12、Affinity Propagation 13、对比总结 14、完整代码 1、K-Means 目标:将数据点分组到K个簇中…
阅读更多...
【亲测有用】数据集成平台能力演示（支持国产数据库DaMeng与KingBase）

【亲测有用】数据集成平台能力演示（支持国产数据库DaMeng与KingBase）

&#x1f525;&#x1f525; AllData大数据产品是可定义数据中台&#xff0c;以数据平台为底座&#xff0c;以数据中台为桥梁&#xff0c;以机器学习平台为中层框架&#xff0c;以大模型应用为上游产品&#xff0c;提供全链路数字化解决方案。 ✨杭州奥零数据科技官网&#xf…
阅读更多...
初阶数据结构（C语言实现）——5.2 二叉树的顺序结构及堆的实现

初阶数据结构（C语言实现）——5.2 二叉树的顺序结构及堆的实现

1.二叉树的顺序结构及实现 1.1 二叉树的顺序结构 普通的二叉树是不适合用数组来存储的&#xff0c;因为可能会存在大量的空间浪费。而完全二叉树更适合使用顺序结构存储。现实中我们通常把堆(一种二叉树)使用顺序结构的数组来存储&#xff0c;需要注意的是这里的堆和操作系统…
阅读更多...
搭建阿里云专有网络VPC

搭建阿里云专有网络VPC

目录 一、概述 二、专有网络vpc 2.1 vpc基本信息 2.2 vpc资源管理 2.3 vpc网段管理 三、交换机 四、NAT网关 4.1 绑定弹性公网IP 4.2 NAT网关信息 4.3 绑定的弹性公网IP 4.4 DNAT 4.5 SNAT 五、弹性公网IP 六、访问控制ACL&#xff08;绑定交换机&#xff09; 6…
阅读更多...
Android `%d` 与 `1$%d` 格式化的区别

Android `%d` 与 `1$%d` 格式化的区别

在 Android 开发中&#xff0c;我们经常需要对字符串进行格式化处理&#xff0c;比如动态填充数字、日期、字符等。 其中&#xff0c;%d 和 1$%d 都是格式化占位符&#xff0c;但它们在使用上有一些不同。 本文将详细解析这两者的区别&#xff0c;并结合 Kotlin 代码示例帮助你…
阅读更多...
Spring MVC面试题（一）

Spring MVC面试题（一）

1.什么是Spring MVC&#xff1f; 全称为Model View Controller&#xff0c;Spring MVC是Spring的一个模块&#xff0c;基于MVC架构模式的一个框架 2.Spring MVC优点&#xff1f; 1.可用各种视图技术&#xff0c;不仅限于JSP 2.支持各种请求资源映射策略 3. Spring MVC工作原…
阅读更多...
AI自动化编程初探

AI自动化编程初探

先说vscodeclinemodelscope方案&#xff0c;后面体验trae或者cursor再写写其它的。vscode和trae方案目前来说是免费的&#xff0c;cursor要用claud需要付费&#xff0c;而且不便宜&#xff0c;当然效果可能是最好的。 vscode方案&#xff0c;我的经验是最好在ubuntu上&#xff…
阅读更多...
什么是全栈？

什么是全栈？

&#x1f91f;致敬读者 &#x1f7e9;感谢阅读&#x1f7e6;笑口常开&#x1f7ea;生日快乐⬛早点下班 &#x1f4d8;博主相关 &#x1f7e7;博主信息&#x1f7e8;博客首页&#x1f7eb;专栏推荐&#x1f7e5;活动信息 &#x1f4c3;文章前言 &#x1f537;文章均为学习工…
阅读更多...
爬虫一些基础知识的备忘录（需要自取）

爬虫一些基础知识的备忘录（需要自取）

前言 基础薄弱&#xff0c;或许是ai用多的缘故&#xff0c;记录了写爬虫需要的一些基础知识&#xff0c;需要自取 这里记录一些我初学爬虫的时候经常忘记的东西&#xff0c;包括但不限于一些文件的读写和一些其他的东西 文件读写 文件读写&#xff0c;如果想表达——若文件…
阅读更多...
ChromeOS 134 版本更新

ChromeOS 134 版本更新

ChromeOS 134 版本更新 一、ChromeOS 134 更新内容 1. ChromeOS 自助终端&#xff08;Kiosk&#xff09;模式支持隔离 Web 应用&#xff08;Isolated Web Apps&#xff09; 从 ChromeOS 134 开始&#xff0c;自助终端&#xff08;Kiosk&#xff09;模式支持 隔离 Web 应用&a…
阅读更多...
【redis】list类型：基本命令（上）

【redis】list类型：基本命令（上）

文章目录 插入和弹出操作获取和删除等操作允许有重复元素LPUSH/RPUSHLRANGELPUSHX/RPUSHXLPOP/RPOPLINDEXLINSERT 插入和弹出操作 列表&#xff08;list&#xff09;相当于数组或者顺序表 约定最左侧元素下标为 0Redis 的下标支持负数下标&#xff08;从后往前数&#xff09;…
阅读更多...
Science Advances 视触觉传感机制的交互装置，可以实时测量来自手不同部位的分布力

Science Advances 视触觉传感机制的交互装置，可以实时测量来自手不同部位的分布力

近日&#xff0c;由香港科技大学&#xff08;HKUST&#xff09;电子与计算机工程学系申亚京教授领导的研究团队&#xff0c;提出了一种基于数字通道的触觉交互系统&#xff0c;可以实时测量来自手不同部位的分布力&#xff0c;有望在医学评估、体育训练、机器人和虚拟现实&…
阅读更多...
美食分享平台（源码+数据库+万字文档）

美食分享平台（源码+数据库+万字文档）

一、项目介绍 440.基于SpringBoot的美食分享平台&#xff0c;系统包含两种角色&#xff1a;管理员、用户,系统分为前台和后台两大模块&#xff0c;主要功能如下。 【前台功能】 1. 首页&#xff1a;提供用户进入系统的入口。 2. 菜谱&#xff1a;用户可以浏览系统中分享的各种…
阅读更多...
uniapp简单table表

uniapp简单table表

<template><view class"container"><scroll-view scroll-x"true" scroll-y"true" class"table-scroll"><view class"table-header"><view class"table-cell fixed-column">序号<…
阅读更多...
微信小程序：实现多功能表格效果，例如滚动效果、宽度自定义、多选、行内编辑等功能

微信小程序：实现多功能表格效果，例如滚动效果、宽度自定义、多选、行内编辑等功能

一、表格效果 1、实现功能 表格实现可横向水平滚动表格、宽度自定义、文本编辑、数字加减、多选&#xff0c;行选中效果&#xff0c;获取选中行数据等功能 2、图片效果 二、代码 1、wxml 根据头循环将表格头进行循环&#xff0c;再通过昂循环展示行内的全部信息&#xff0…
阅读更多...
uni-app vue2 记住密码功能

uni-app vue2 记住密码功能

1. html代码 <checkbox-group change"checkboxChange"><label><checkbox value"" :checked"ifSavePwd" style"transform: scale(0.6);"/>记住密码</label> </checkbox-group>2. js代码 默认复选款是不…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023