背景video视频css
IT工具知识-15：在Chrome中通过Javascript获取B站合集视频选集名称及时长.
0.所需工具 chrome内核浏览器(我这里用的edge chromium) 1.操作步骤 打开b站视频链接(带选集的那种) 按下f12 点击控制台(Console) 在下面输入框输入以下代码 var box=document.getElementsByClassName('video-sectio ......
CSS flex布局-解决最后一行元素对齐问题
justify-content对齐问题 在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。 但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题 .container { display: ......
CSS盒子模型(Box Model)
CSS盒子模型(Box Model) 概念 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用 CSS盒子模型本质上是一个盒子,封装周围的HTML元素,它包括: 外边距(margin),边框(border),内边距(padding),和实际内容(conte ......
PyQt实现跨平台毛玻璃背景(全网首发)
找了很久，大部分都需要调用 win32 API 无法跨平台，终于找到啦 项目地址 安装： python -m pip install BlurWindow 简单例子 import sys from PySide2.QtWidgets import * from PySide2.QtCore impo ......
CSS01.认识css
1.什么是CSS？ CSS是用于页面展示的语言 CSS决定了页面长什么样子 2.开发者工具 vscode快捷操作 1、快速复制一行 ctrl+c 然后 ctrl+v 2、选定多个相同的单词 双击选定一个单词然后ctrl+d 3、添加多个光标 ctrl+Alt+上箭头（下箭头） 4、全局替换某写单词 ......
CSS02.css构成
为网页添加样式 术语解释 h1 { color:red; background-color: lightblue; text-align: center;} CSS规则 = 选择器（“{”前面的）+ 声明块 声明块 出现在大括号中（{}） 声明块中包含很多声明（属性），每一个声明（属性）表达了某一方 ......
ffmpeg教程 5.图文转视频，一个完整的案例
今天这篇博客，算是一个完整的案例，实现图文转视频功能。目前国内很多大厂的软件或App都有这个功能，但大多收费或效果一般。比如百度AI平台这个功能，单次价格10块左右，这让很多自媒体从业者望而却步；还有剪映，虽然功能强大，但自动生成的视频，有时真的驴唇不对马嘴，需要二次处理。今天就基于ffmpeg工具 ......
纯 CSS 实现瀑布流式排版
最近写了个页面，想到了用瀑布流实现页面布局。在我看来一个合格的横向瀑布流式布局包含以下几个条件： 1、每个内容块高度可以不等，但宽度相等。 由于内容的不确定性，内容块的高度应根据内容高度伸缩。高度相等的话就变成了网格布局，规整倒是规整，不仅没有瀑布效果，内容的个性也无从体现。 2、内容块应进行横向排 ......
普通css实现table表格过长数据隐藏，鼠标停留显示全部
在<style></style>中添加下面代码 table { table-layout: fixed; /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ } table td { position: relative; /*width: 80px;*/ height: ......
CSS实现跑马灯效果
盒子区域 创建一个大盒子，用来装我们的广告语，还有跑马灯的四个小盒子 <div class="box"> <div></div> <div></div> <div></div> <div></div> 创意广告 </div> 设置box样式 * { padding: 0; margin: 0; } ......
C#初步学习4（个人笔记，基于老赵.Net的视频自学，不喜勿喷）
//此笔记仅针对个人学习而写，会有所缺失的内容，不喜勿喷 初步学习 C#中的类 C#中的类也和java相似 先来创建一个“Student”类 其内“Show”方法并不是静态方法，要创建“Student”的实例来进行调用 通过该实例没有报错，我们可以知道C#类中也有默认写出的空构造方法 现在我们来取消 ......
vue 设置 菜单Item 背景色
<a-menu-item @click = "selectItem" :class = 'child.id==selected? "selected":""' v-for="(child) in item.children" :key="child.id" > data () { return { ......
直播app开发搭建，Android Studio如何改变Button的背景颜色
直播app开发搭建，Android Studio如何改变Button的背景颜色 方法一：在XML中进行更改 <Button android:id="@+id/B" android:layout_width="match_parent" android:layout_height="wrap_con ......
css实现霓虹灯特效字体
在开始之前先了解外部字体的引入： vite中字体的引入方法（.otf字体等）如下： 1、在src下的assets文件夹下创建font文件夹，将下载好的字体包放到该文件夹下 2、在font文件夹下创建font.css文件，如果你用的是scss，那么就是font.scss。less同理。 3、在font ......
分析document文档中script标签获取抖音无水印视频
思路分析 使用 playwright 模拟浏览器打开分享链接 获取 播放页面 html 信息 ~~解析 播放页面的 video标签，video标签的src属性就是视频的地址~~ 这种模式会触发抖音的风控机制 解析页面 获取相关cookie 使用cookie请求页面文档 解析文档内容其中就有播放地址 ......
CSS 组合选择符
CSS 组合选择符 组合选择符说明了两个选择器之间的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格 分隔) 子元素选择器(以大于 > 号分隔） 相邻兄弟选择器（以加号 + 分隔） 普通兄弟选择器（以波浪号 ～ 分隔） 后代选择器 后代 ......
CSS必知必会
CSS概念 css的使用是让网页具有统一美观的页面，css层叠样式表，简称样式表，文件后缀名.css css的规则由两部分构成：选择器以及一条或者多条声明 选择器：通常是需要改变的HTML元素 声明：由一个属性和一个值组成，每个属性有一个值，属性和值使用类似key：value的形式（如下方h1就是选 ......
vivo 短视频用户访问体验优化实践
作者：vivo 互联网运维团队- Hu Tao 本文介绍了vivo短视频用户访问体验优化的实践思路，并简单讲解了实践背后的几点原理。 一、背景 我们平时在看抖音快手视频的时候，如果滑动到某个视频画面一直几s不动的时候，大概率就会划走了，所以在短视频项目中，画面卡顿是非常影响用户体验的，启播速度越快， ......
了解CSS Module作用域隔离原理
CSS Module出现的背景 我们知道，Javascript发展到现在出现了众多模块化规范，比如AMD、CMD、 Common JS、ESModule等，这些模块化规范能够让我们的JS实现作用域隔离。但CSS却并没有这么幸运，发展到现在却一直没有模块化规范，由于CSS是 根据选择器去全局匹配元素的 ......
CSS 高阶小技巧 - 角向渐变的妙用！
本文将介绍一个角向渐变的一个非常有意思的小技巧！ 我们尝试使用 CSS 绘制如下图形： 在之前，类似的图案，其实我们有尝试过，在 单标签实现复杂的棋盘布局 一文中，我们用单标签实现了这样一个棋盘布局： 那么，本文有什么特殊之处呢？让我们一探究竟。 快速实现网格布局 首先，上述的布局还是希望使用一个标 ......
如何获取obs视频帧的二进制数据
前面几篇文章梳理了obs的录屏和推流流程，几条纵线整理下来，算是基本理清了obs的工作流程。
现在回到第一个目标：捕捉桌面的帧数据，用rendertarget显示并输出到UE5材质。
那么，帧数据到底存放在哪里？如何读取？ ......
苹果手机H5 video标签播放视频问题以及.mov格式处理方案
最近在做一个手机端拍照上传，并预览文件的功能，前端用h5 video 标签，后端用springboot+minio。 问题 刚开始写代码和测试的时候，都是用的安卓手机，照片和视频都没问题，后来换成用苹果手机后，播放视频就出现各种问题，先是苹果手机拍的mov视频不支持播放，后面又出现苹果手机播放不了视 ......
（原创）【B4A】一步一步入门06：Button，背景图片、渐变、圆角、FontAwesome（控件篇02）
一、前言 本篇教程，我们来讲一下最常用的控件：Button（按钮）。 本篇教程将会讲解按钮的文本样式、背景样式，以及诸如FontAwesome、圆角等如何设置。 相信看完的你，一定会有所收获！ 本文地址：https://www.cnblogs.com/lesliexin/p/17185756.htm ......
CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果
在许久之前，曾经写过这样一篇文章 -- 不定宽溢出文本适配滚动。我们实现了这样一种效果： 文本内容不超过容器宽度，正常展示 文本内容超过容器的情况，内容可以进行跑马灯来回滚动展示 像是这样： 但是，之前的方案，有一个很明显的缺点，如果我们事先知道了容器的宽度，那么没问题，但是如果没法确定容器的宽度， ......
巧用 CSS 变量，实现动画函数复用，制作高级感拉满的网格动画
本文将介绍一种基于 CSS 变量技巧，通过合理使用 CSS 变量，实现 CSS 动画 @keyframes 的复用。 CSS 变量 CSS 变量大家应该都比较熟悉了，已经不能算是新知识了，快速过一遍。 CSS 变量（CSS Variable），在之前也叫做 CSS 自定义属性，其使用方式如下： // ......
Qt-FFmpeg开发-视频播放【软解码】（1）
Qt-FFmpeg开发-视频播放【软解码】 | 更多精彩内容 | | | | 👉个人内容分类汇总 👈 | | 👉音视频开发 👈 | 1、概述 介四里沒有挽过的船新版本，挤需感受三番钟，里造会干我一样，爱象节个版本 最近研究了一下FFmpeg开发，功能实在是太强大了，网上ffmpeg3、4的文 ......
Qt-FFmpeg开发-视频播放【软解码 + OpenGL显示RGB图像】（3）
Qt-FFmpeg开发-视频播放【软解码 + OpenGL显示RGB图像】 | 更多精彩内容 | | | | 👉个人内容分类汇总 👈 | | 👉音视频开发 👈 | 1、概述 最近研究了一下FFmpeg开发，功能实在是太强大了，网上ffmpeg3、4的文章还是很多的，但是学习嘛，最新的还是不能 ......
开源免费视频会议Jitsi-meet介绍
Jitsi Meet 是基于WebRTC技术的开源语音、视频会议和即时消息服务 Jitsi 集合的一部分。通过 Jitsi Meet，你可以即刻主持群组视频通话（即视频会议），你甚至都不需要建立帐户。支持在Web端、手机端、桌面端使用。你也可以在你的服务器上部署 Jitsi Meet，对于那些不想使 ......
云端智创 | 批量化生产，如何利用Timeline快速合成短视频？
本文内容整理自「智能媒体生产」系列课程第三讲：开发者实战，由阿里云智能视频云技术专家分享云剪辑Timeline的功能及使用方法、云剪辑OpenAPI的使用流程、短视频批量生产的基本原理以及使用Timeline合成常见的短视频效果。课程回放见文末。 01 Timeline简化之道 什么是时间线Time ......