- 综合排序
- 最热优先
- 最新优先
- 来自专栏森屿暖树
前端特效学习6
效果图 HTML代码 <!Doctype html> <html> <head> <meta charset="utf-8"> <title>图片层叠</title> <link type="text/css" href="css/style.css" rel="stylesheet" /> </head> <body>
<input type="radio" name="slider" id="item-1" che32340编辑于 2022-03-23来自专栏直播工具OBS特效与OBS美颜一步到位：专为新手主播打造的YY开播工具集成方案
摘要：本文针对许多新手主播和技术实践者在使用 OBS 时面临的OBS特效资源稀缺、互动性不足的痛点，提供了一套“OBS + YY开播工具”的轻量级、高性能解决方案，该方案旨在解决OBS特效匮乏以及OBS 通过利用 YY开播工具 强大的虚拟摄像头功能，我们可以轻松地将其海量的OBS特效库、互动玩法以及专业的OBS美颜能力无缝集成到 OBS 工作流中，为主播提供强大的OBS美颜和OBS特效支持。 其核心痛点主要集中在OBS特效层面：特效资源匮乏: OBS 自带的转场、滤镜和源特效非常基础，无法满足多样化、创意化的场景需求。 因此，我们亟需一个既能保持 OBS 专业推流稳定性，又能低成本、低门槛地引入海量、高互动性OBS特效和OBS美颜的解决方案。 善用特效库: YY开播工具 的OBS特效库是其核心优势。手势特效: 对于才艺或互动型主播，强烈推荐尝试“单手比心”、“666”、“点赞”等手势特效。
95610编辑于 2025-09-12来自专栏全栈程序员必看obs录制黑屏怎么解决_obs窗口捕获黑屏
根据我查找到的数据，OBS Studio 只能捕捉到和自己使用相同显卡的窗口或者程序。 问题解决 只需要把 OBS Studio 使用的显卡设置成集成显卡应该就可以完成对屏幕的录制。 首先打开“NVIDIA 设置”，依次打开“管理 3D 设置 / 程序设置”，之后使用“添加”按钮找到 OBS Studio 并添加，这时我发现，我这台电脑上的 OBS Studio 此时使用的是“高性能 step5: 找到子菜单的程序设置,在1.选择要使用的程序一栏中找到OBS step6: 为此程序选择首选图形处理器 一栏中选择集成图形 step7：设置好后不要忘记点应用 04. 成功测试 之后重新打开 OBS Studio, 这时就可以录制桌面视频了，如下图所示。
7.4K30编辑于 2022-08-03来自专栏西里网知乎博客OBS Studio 28.0
viewer [WizardCM]Fixed font scaling in the audio mixer [OldBaldGeek]Fixed hotkeys not working when OBS Note: To use hotkeys while OBS is out of focus, it requires "Accessibility" permissions [tbodt/gxalpha /PatTheMav]Fixed hotkeys with modifiers not working on macOS [PatTheMav]Fixed an issue where OBS wouldn ’t respect custom icons on macOS [MisutaaAsriel]Fixed an issue drag-and-dropping into OBS wouldn’t have fabianishere]Removed the --disable-high-dpi-scaling command line option as it's not compatible with Qt 6Fixed
30200编辑于 2024-12-11来自专栏技术综合OBS推流
1.png 2.png 3.png 4.png 5.png
7.8K30发布于 2020-08-25来自专栏终身学习者【网页特效】11 个文本输入和 6 个按钮操作 特效库
文本输入特效 1.power-mode-input PowerModeInput 可以让你的文本输入框更引人注目。 6.react-typewriter 适用于 react 的打字机的效果 地址：https://github.com/ianbjorndilling/react-typewriter 7.t-writer.js ---- 按钮操作特效 1.ElasticProgress ElasticProgress 可以创建一个有弹力效果的进度条。 2. vue-particle-effect-buttons 爆发粒子特效按钮组件。 6.css-ripple-effect css-ripple-effect 是一款使用纯CSS3制作的炫酷扁平风格按钮点击波特效。
3.4K40发布于 2020-09-03来自专栏虚拟主播OBS 配置设置方法
OBS 配置设置方法 版本 2.6 (20210907)https://jp.17.live/corp/wp-content/uploads/2021/09/c781cc16b9e3bd39a61365759f0c07b7 添加图片注释，不超过 140 字（可选）OBS Studio 的安装双击下载的文件。 OBS Studio 安装程序将启动。 按顺序点击“下一步” → “我同意” → “下一步” → “安装”。 OBS 的输出设置OBS 输出的画面需优化为 17Live。① 点击 ② 点击输出③ 选择配置④ 将配置的比特率设置为 1200。 ※ 如果画质差，可以提高到 1500。⑥ 不勾选“使用 B 帧”。 在 OBS 中设置密钥PC 上的配置设置。① 点击 。② 点击配置。③ 在服务中选择自定义。④ 在服务器中粘贴 Push URL，在流密钥中粘贴 Push Key。 添加图片注释，不超过 140 字（可选）6. 开始配置PC 上的配置设置。① 点击 OBS Studio 的“开始配置”。② 点击 17.live 的“开始配置”。这样配置就开始了！
1.6K11编辑于 2024-11-16来自专栏趣谈前端分享CodePen上6个酷炫demo特效
烟火特效 用技术复原童年的烟火味, css代码: <css-doodle click-to-update><style> @grid: 30 / 60vmin noclip; border-radius * 360}deg; --tx1: #{(random(100) / 100) * 5 + 3}em; --tx2: #{(random(100) / 100) * 6 nth-child(5n + 4) { --angle: 216deg; } &:nth-child(5n + 5) { --angle: 288deg; } &:nth-child(n + 6) css代码: :root { --w: #fafafa; --b: #141414; --s: 1s; --d: calc(var(--s) / 6); } $d: var(--d height: 4vmin; } } @keyframes over-ring { 0%, 50% { z-index: -1; } 51%, 100% { z-index: 1; } } 6.
71910编辑于 2024-01-09来自专栏毛毛v5OBS源代码阅读笔记
obs配置文件加载：bool OBSBasic::InitBasicConfig(); OBS认证信息加载，貌似还没有实现吗？ \obs-studio\UICMakeLists.txt 的里面就行了。 比如我的是DlgLogin.h 和DlgLogin.cpp set(obs_SOURCES ${obs_PLATFORM_SOURCES} ${obs_libffutil_SOURCES set(obs_HEADERS ${obs_PLATFORM_HEADERS} ${obs_libffutil_HEADERS} .. set(obs_UI ......
2K60发布于 2019-06-11来自专栏Java实战博客声网接入OBS教程
OBS官网：https://github.com/obsproject/obs-studio/releases 声网插件下载地址：https://github.com/AgoraIO/OBS/releases 我是2021年11月17日使用的是3.3版本，高版本不知是否可用 自行安装完成后，查看一下OBS-工具 下面是否有声网连麦选项 image.png 能打开说明安装结束了，OK了，直接去配置声网参数！ 正文 – 配置OBS image.png Token获取 image.png image.png image.png 信息在OBS的声网插件填充完成，确保信息准确，即可开始推流。 注：Mac安装OBS时，需要将OBS 拖入 Applications 安装的声网插件才有效 image.png 额外备注 :Mac系统安装OBS 是无法开启桌面音频的，如果遇到此情况，请安装 Background Music 地址是：https://github.com/kyleneideck/BackgroundMusic/releases 自行下载安装完成，在OBS(不是声网插件) 添加“音频输入采集”
3.1K20编辑于 2022-01-20来自专栏全栈程序员必看Macbook OBS 录制系统声音
安装好OBS软件 下载并安装soundflower软件，也可以在GitHub中下载 打开midi音频设置 构建多输出设备 例如，我现在是带着外置耳机，并且录制系统声音，那么多输出设备就勾选这两个
1.6K30编辑于 2022-09-01来自专栏Harper的碎碎念极简 OBS 编译流程
最近在搞 Nimo 主播端，主要是基于 OBS 魔改。所以就给组里同事写了一个极简的 OBS 编译流程。 这里以 OBS 25.0.8 为例。 拉取 OBS 代码 https://github.com/obsproject/obs-studio (source path) 切换到 25.0.8 tag 下载依赖的 Qt 库 https://cdn-fastly.obsproject.com path 的下级目录(指定位数这一级) msvc2017_64 再次点击 Configure 点击 Generate 这个时候就可以在 build path 看到解决方案了，用 VS 打开编译即可 生成的 obs64 .exe 在 UI\Debug\ 下 这只是 OBS 不带任何其他开关的编译方法。
2.1K40发布于 2021-07-27来自专栏码客虚拟摄像头-OBS
OBS 官网下载：https://obsproject.com 国内镜像 清华大学TUNA镜像站：https://mirror.tuna.tsinghua.edu.cn 右侧栏获取下载链接–应用软件– OBS–选择合适的版本下载即可（注意选择那个带有“Installer”字样的，括号里是exe，那个是安装包，zip是便携版） 我这里使用这个版本： https://mirror.tuna.tsinghua.edu.cn /github-release/obsproject/obs-studio/OBS%20Studio%2028.1.2/OBS-Studio-28.1.2-Full-Installer-x64.exe 打开OBS Studio软件。 注： OBS 26版本及以后才有此选项 其他就和使用OBS推流一致 VCam 这个软件模拟虚拟摄像头的时候添加图片会自动设置切换动画，还是挺好用的。
3.3K30编辑于 2022-11-16来自专栏囍楽云博客canvas 文字特效-6个典型的HTML5文字特效示范
6个典型的HTML5文字特效示例 在HTML5出现之前，网页上的文字比较单一，除了设置大小、颜色、粗细之外，没有任何出色的特效，当然优秀的文字排版也能让页面显得舒服温馨，但是当我们需要让页面变得震撼惊奇的话 下面是6个典型的HTML5文字特效案例，仅供大家参考。 1、7组绚丽的jQuery和CSS3文字动画特效 文字特效在CSS3产生后也有了很大的发展，利用各种CSS3属性可以让你的文字在网页中分外动感。 4、CSS3燃烧的文字特效 这是一个用CSS3结合jQuery实现的燃烧的文字特效，这个特效主要用到了CSS3的text-shadow属性，并结合jquery动态渲染投影，从而实现了文字燃烧的效果。 6、6个典型的CSS3文字阴影 用CSS3实现文字的阴影效果非常简单，下面的6种阴影文字特效非常具有代表性。
3.3K20编辑于 2022-12-26来自专栏人人都是架构师Go每日一库之144：go-obs-websocket（OBS连接器）
简介 go-obs-websocket是一个与OBS进行websocket通信的连接库，具备调用大部分OBS功能的接口，在互动直播和智能转播技术上广泛应用。 快速开始 安装 go get github.com/christopher-dG/go-obs-websocket obs简介 go-obs-websocket 是一个与OBS进行websocket通信的连接库 ，具备调用大部分OBS功能的接口，在互动直播和智能转播技术上广泛应用。 _go-obs-websocket_ 提供了众多请求接口，可以使用如下命令获取 #linux go doc github.com/christopher-dG/go-obs-websocket |grep 比如我们可以做一系列的转场，在直播推流过程中监听事件自动触发，或者做一些特效能随着转场渐入渐出。祝大家玩的开心！！ 参考资料 go-obs-websocket obs-websocket
96130编辑于 2023-09-30来自专栏24K纯开源基于OBS的插件开发总结
OBS也是一个开放源代码的软件，因此我们可以在源代码的基础上进行修改，来实现我们自己的定制功能。OBS Studio是当前正在维护的版本，老版本叫做OBS Classic。 OBS Studio的工程托管在Github上面。 （6）打开生成的VS工程BuildAll.sln，生成解决方案，发现出现了一大批的Error C2275。原来是VS对于C语言的严格要求导致的。VS要求C语言中所有的变量声明都放到函数的起始位置。 开发初始阶段，建议还是调试OBS Studio内置的插件，来熟悉下OBS Studio的插件架构。 www.tuicool.com/articles/iYjAFn 5. http://yul100887.blog.163.com/blog/static/200336135201211143525930/ 6.
6.2K90发布于 2018-01-18来自专栏编程微刊纯JavaScript实现HTML5 Canvas 6种特效滤镜
小试牛刀，实现了六款简单常见HTML5 Canvas特效滤镜，并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js。 支持的特效滤镜分别为： 1.反色 2.灰色调 3.模糊 4.浮雕 5.雕刻 6.合理 滤镜原理解释： 2.灰色调：获取一个预期点RGB值r，g，b则新的RGB值 newr =（r * 0.272）+（ scriptsrc=*"gloomyfishfilter.js"*></script> //导入API文件 gfilter.colorInvertProcess(binaryData, len); //调用 API 6、
1.8K10发布于 2020-11-02来自专栏emmmm构建和安装 OBS NvFBC 插件
_OS 于是我就在 Fedora 上尝试了一下 首先我们要拿到源码,源码在 这里 克隆源码 git clone https://gitlab.com/fzwoch/obs-nvfbc 对于 Fedora 需要下面这些依赖 obs-studio-devel 需要安装 RPMFusion sudo dnf in mesa-libGL-devel obs-studio-devel simde-devel Ubuntu 需要下面这些依赖 sudo apt install libgl-dev libobs-dev libsimde-dev meson ninja-build 接下来的构建就很简单了 cd obs-nvfbc meson build ninja -C build 接下来可以找到 build/nvfbc.so 把这个文件拷贝到下面的路径 若不存在则需要预先创建 ~/.config/obs-studio/plugins /nvfbc/bin/64bit 接下来打开 OBS 添加来源应该可以看到一个叫做 NvFBC Source 的源 使用这个源替代屏幕捕获即可 2ca47528a9debe342b6991a73d4469f42f19ab1a.png
1.2K40发布于 2021-08-05来自专栏Base_CDNKevin如何使用OBS Studio录制屏幕？
可以进入官网或github进行下载： https://obsproject.com/download 安装包解压后进入bin 进入64-bit 选择obs 64 进入OBS Studio后在来源内右键
1.7K10编辑于 2025-01-05来自专栏全栈程序员必看obs windows 编译和打包
obs windows 编译和打包 构建最新版obs studio； 参考 https://github.com/obsproject/obs-studio/wiki/Install-Instructions 下载源码 git clone –recursive https://github.com/obsproject/obs-studio.git 注：这里建议下载最新稳定的版本，不建议使用 master， 我这里使用的是 obs-studio-25.0.1 下载并安装 cmake https://cmake.org/download/ 注：obs 新版本源码还对 cmake 版本有要求，如 obs-studio 设置编译后的二进制目录 C:\Users\Administrator\Desktop\xiaoshiwei\64bit\obs-studio\build （这个目录需要自己创建，下载的源码里面没有这个目录 验证，使用 VS 调试运行正常 注：如果代码依赖了 QWebEngineView 等动态库，运行时可能会报缺少这些依赖库，有以下两种解决方法： 生成对应的调试依赖 obs-studio-25.0.1
2.4K40编辑于 2022-08-24
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号