当动态桌面遇上 HTML5
2021-12-20 08:22
846 查看
DreamScene2 + HTML5 = 无限可能。时隔一周,DreamScene2 动态桌面经过几个小版本的迭代,修复了一些问题并且功能也得到了增强。欢迎 Star 和 Fork https://github.com/he55/DreamScene2
萌萌的看板娘谁能拒绝
喜欢可以看这里 https://github.com/he55/DreamScene2/releases/latest。资源是从 Live2D 官网提取下来的
使用方法
先下载最新版本的 DreamScene2,然后下载 Hiyori.zip 文件
解压后得到一个 html 文件
安装 WebView2 运行时,如果已经安装过请跳过此步骤。先打开 DreamScene2,然后在任务栏托盘找到 DreamScene2 的图标,右键打开 DreamScene2 的设置界面,选择 打开 URL 然后点击 安装 WebView2...
重要一步 由于 Hiyori.html 里面访问的资源我没有提取出来需要有网络才能加载,并且里面访问的 live2d model 是个跨域资源,需要设置允许跨域访问资源。具体操作:打开 DreamScene2 的设置界面,选择 打开 URL 然后勾选 禁用 Web 安全策略 (这只会禁用 DreamScene2 的 Web 安全策略)
然后选择 打开文件...,在打开的选择文件窗口中设置 HTML Files (*.html),选择解压的 html 文件
等待网络资源加载,最终效果如下
如果看到的是下面这样,live2d model 一直显示不出来。先点击 关闭 按钮关闭动画,然后检查步骤四的 禁用 Web 安全策略 是否勾选
写在最后
下一步会增加与桌面的交互功能
相关文章推荐
- HTML5开发桌面应用:选择node-webkit还是有道heX
- android动态更改桌面icon和name
- 如何实现桌面App图标可以动态显示消息数(类似手机上的QQ图标)?
- HTML5 Web Notifications 实现桌面消息推送
- html5桌面通知
- 舍弃Electron,使用HTML5 + Golang创建桌面应用程序
- C#实现动态桌面背景图片切换
- <android>桌面快捷方式 + 桌面动态图标(展示未读信息条数) + 悬浮窗 + 沉浸式状态栏
- 本来从动态壁纸预览页面设置一个动态壁纸回到桌面便可以看到桌面动态壁纸,可以观察得到自己的动态壁纸是否设置成功了(必须知道设置是否成功的结构,因为还有一些操作需要完成)! 但是现在是要在自己的应用中进入
- C# 编写 Windows 动态桌面软件实现(一)之桌面交互功能
- html5之应用,纯web rdp 远程桌面连接
- 分享一个快速开发动态互动HTML5可视化图形效果的Javascript类库 - Envision.js
- 基于HTML5的canvas对象开发的动态连连看
- 当“手绘”遇上“码绘”——“动态”表现对比
- HTML5桌面通知(Web Notifications)实例解析
- 18.动态改变桌面
- 01_MUI之Boilerplate中:HTML5示例,动态组件,自定义字体示例,自定义字体示例,图标字体示例
- 远程桌面+花生壳控制adsl动态ip用户的电脑
- html5 桌面提醒:Notifycations应用介绍
- Android之动态更换桌面图标