首页
友链
关于
统计
推荐
阅番名录
Search
1
关于我总结的一些P106-100相关的避坑指南
1,271 阅读
2
PL2DForTC Live2D 插件
419 阅读
3
html 实现动态视频背景
284 阅读
4
解决zerotier带端口无法访问docker内的容器(玩客云openwrt)
164 阅读
5
适用于typecho的joe主题统计页面的Uptime_status
120 阅读
默认分类
前端
后端
typecho
登录
Search
jacksen168
累计撰写
14
篇文章
累计收到
9
条评论
首页
友链
关于
统计
阅番名录
文章分类
默认分类
前端
后端
typecho
已存活
146
天
23
时
13
分
16
秒
搜索到
14
篇与
的结果
2023-01-06
html 实现动态视频背景
前言最近迷上了动态视频背景, wallpap engine都能逛上一天( {x} {x} { } )。看着桌面都能使用动态壁纸,于是我也想在html上实现video标签是浏览器的默认视频标签,我也考虑过可能不同的浏览器会对视频标签进行修改,导致浏览器兼容问题。但我是真的没有找到其他的替代方式,想过canvas也可以实现动画,但是canvas也是使用video标签为图像源,所以就没有使用canvas,所以遇到如小米浏览器那样的浏览器就会出现一系列问题。我提出的解决方法是要么限制浏览器要么限制屏幕分辨率,我选择后者限制屏幕分辨率。这样也可以减少移动端浏览器负担,减少性能开销。代码如下:CSS#DynamicWallpaper { left: 50% !important; top: 0 !important; margin: 0 !important; display: block; position: absolute; width: 100%; height: 100%; z-index: -520; position: fixed; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media screen and (max-width: 768px) { /*屏幕小于768px隐藏*/ #DynamicWallpaper { display: none; } }javascriptif (document.body.clientWidth >= 768) { //屏幕分辨率大于768px启用,避免屏幕小于768px通过css隐藏还会加载视频资源 var DynamicWallpaper = document.createElement("video"); //创建video元素 DynamicWallpaper.id = "DynamicWallpaper";//定义id DynamicWallpaper.src = "http://jacksen168.top/video/wallpaper.mp4";//视频链接 DynamicWallpaper.autoplay = true;//视频自动播放 DynamicWallpaper.muted = true;//视频静音(不想也可以设置为false或注释掉这一行) DynamicWallpaper.loop = true;//隐藏video视频控件 DynamicWallpaper.playbackRate = 1;//视频播放倍数 document.body.appendChild(DynamicWallpaper);//将元素添加到body里面 }
2023年01月06日
284 阅读
1 评论
0 点赞
2022-10-22
python替换win10壁纸: 对网上主流方法的补充
主流方法代码缺陷当你的win10在个性化中设置成纯色壁纸时(偶尔需要重启电脑后),主流方法就会失效。在个性化界面看的到替换变化,但桌面没有半点反应。过程终于在我废寝忘食的找了一天资料,测试了一遍又一遍后...在代码中加了一行代码解决了所有问题......问题说明这次我也不知道是不是网上主流方法的问题,在那么多遍的测试中,我只得出来一条结论:微软你就是歌姬吧。问题所在:微软在winXP时的旧代码一直屯到现在。导致win10的壁纸显示规则十分的混乱,壁纸更换涉及到注册表的8个值和一个文件夹里的配置文件,更换壁纸的方法数不胜数,并且他们之间还互相干扰,令人头疼。最后我在注册表 HKEY_CURRENT_USER\Control Panel\Desktop 里的 wallpaper 值里加上图片路径才解决这个问题。这样改就最贴合从个性化里手动点击修改了。代码import os, win32gui, win32con, win32api def set_wallpaper(img_path): # 打开指定注册表路径 reg_key = win32api.RegOpenKeyEx(win32con.HKEY_CURRENT_USER, "Control Panel\\Desktop", 0, win32con.KEY_SET_VALUE) # 最后的参数:2拉伸,0居中,6适应,10填充,0平铺 win32api.RegSetValueEx(reg_key, "WallpaperStyle", 0, win32con.REG_SZ, "10") # 最后的参数:1表示平铺,拉伸居中等都是0 win32api.RegSetValueEx(reg_key, "TileWallpaper", 0, win32con.REG_SZ, "0") # 通过注册表来修改壁纸(更贴进手动设置,比下面那个优先级要高。可避免背景设置成纯色重启电脑后,出现无法更换壁纸的情况) win32api.RegSetValueEx(reg_key, "WallPaper", 0, win32con.REG_SZ, img_path.replace('/', '\\')) # 注意上方的 img_path.replace('/', '\\') 是将url的"/"线换成"\"线,注册表只认"\"线 # 刷新桌面与设置壁纸 win32gui.SystemParametersInfo(win32con.SPI_SETDESKWALLPAPER, img_path, win32con.SPIF_SENDWININICHANGE) # 注意路径书写问题; "/"左滑线,"\"右滑线都可以 img_path = "C:/Pictures/win10.jpg" # 切换时要检查一下图片是否存在 if os.path.exists(img_path): print('壁纸切换成功:' + img_path) set_wallpaper(img_path) else: print('图片不存在,切换失败') 注意事项win32api.RegSetValueEx(reg_key, "WallPaper", 0, win32con.REG_SZ, img_path.replace('/', '\\'))里的片段: img_path.replace('/', '\\') 是将img_path路径的"/"线换成"\",注册表只认"\"线原主流代码import os, win32gui, win32con, win32api def set_wallpaper(img_path): # 打开指定注册表路径 reg_key = win32api.RegOpenKeyEx(win32con.HKEY_CURRENT_USER, "Control Panel\\Desktop", 0, win32con.KEY_SET_VALUE) # 最后的参数:2拉伸,0居中,6适应,10填充,0平铺 win32api.RegSetValueEx(reg_key, "WallpaperStyle", 0, win32con.REG_SZ, "10") # 最后的参数:1表示平铺,拉伸居中等都是0 win32api.RegSetValueEx(reg_key, "TileWallpaper", 0, win32con.REG_SZ, "0") # 刷新桌面与设置壁纸 win32gui.SystemParametersInfo(win32con.SPI_SETDESKWALLPAPER, img_path, win32con.SPIF_SENDWININICHANGE) # 注意路径书写问题 img_path = "C:/Pictures/win10.jpg" # 切换时要检查一下图片是否存在 if os.path.exists(img_path): set_wallpaper(img_path) else: print('图片不存在,切换失败')
2022年10月22日
26 阅读
0 评论
0 点赞
2022-08-18
PL2DForTC Live2D 插件
本站首发项目: PL2DForTC插件{dotted startColor="#ff6c6c" endColor="#1989fa"/}PL2DForTC全名PIXI Live2D display for typecho顾名思义就是typecho 的一款Live2D插件与以往常见博客上的Live2D不同,该插件使用了PIXIJS渲染引擎,和PIXI Live2D display.js宽展库对Live2D进行渲染和交互。该插件支持常见的Moc/Moc3骨骼模型,和Json预设动作/物理/配置文件。是一款扩展性十分强大的Live2D Typecho博客插件。{dotted startColor="#ff6c6c" endColor="#1989fa"/}当前最新版本: V0.6.1插件不需要任何依赖。{dotted startColor="#ff6c6c" endColor="#1989fa"/}要求浏览器: WebGL, ES6Typecho版本: >= 1.2.0{dotted startColor="#ff6c6c" endColor="#1989fa"/}使用方法Star 本项目下载本插件将插件文件夹重命名为 PL2DForTC上传本插件,并放置在 usr/plugins/ 目录下登录你的 Typecho 后台,找到 PL2DForTC 选择启用插件{dotted startColor="#ff6c6c" endColor="#1989fa"/}项目内核PIXI Live2D display.jsPIXI.js{dotted startColor="#ff6c6c" endColor="#1989fa"/}{dotted startColor="#ff6c6c" endColor="#1989fa"/}项目相关本项目经 PIXI Live2D display.js 库作者 @guansss 同意下开发本项目经 pio 插件作者 奇趣保罗 的测试反馈{dotted startColor="#ff6c6c" endColor="#1989fa"/}开发缘由当初奇趣保罗 的插件 pio 并不支持第三代 Live2D 模型,联系了保罗。保罗似乎对兼容v3模型并没有打算,另外一个人开发的对Typecho live2d v3模型 看板娘的适配并不友好。便开发这款插件。{dotted startColor="#ff6c6c" endColor="#1989fa"/}开源协议本项目采用 MIT 开源协议进行授权。{dotted startColor="#ff6c6c" endColor="#1989fa"/}感谢PIXI Live2D display.js 库作者 @guansss 的支持奇趣保罗 的测试反馈{dotted startColor="#ff6c6c" endColor="#1989fa"/}{callout color="#0efb2a"}PL2DForTC v0.6.1更新内容修复设置页面的js会修改typecho主页内容的bug下载PL2DForTC_v0.6.1 : Two models included(默认:内涵两个模型)PL2DForTC_v0.6.1_One_models_included : One models included(内涵一个模型)PL2DForTC_v0.6.1_Five_models_included : Five models included(内涵5个模型)PL2DForTC_v0.6.1_Model_not_included : Model not included(不涵模型){/callout}链接{lamp/}{cloud title="本站下载" type="default" url="https://qiniu.jacksen168.top/PL2DForTC_v0.6.1.zip" password=""/}{lamp/}{cloud title="Github仓库" type="github" url="https://github.com/jacksen168/PL2DForTC" password=""/}{lamp/}
2022年08月18日
419 阅读
6 评论
3 点赞
2022-08-13
Hello World!
Hello World!本站于2022年8月13日0:00建成,为开源社区做贡献
2022年08月13日
51 阅读
0 评论
0 点赞
1
2
3
开启动态视频
开启live2D
开启帧数显示