使用 Blazor 为土炮云增加 Web 界面,定制歌单已可用
作者:V君 发布于:2022-10-29 14:05 Saturday 分类:我的应用
TL;DR for 立即想拿来用的人:[ 下载 | 源代码 ]
用法: 下载 FNZCM.ConHost.7z 解压得到一个 EXE 和 JSON 配置文件,然后把 wwwroot.zip 下载放到解压出来的两个文件边上,双击 EXE 看看有没有错误, 其余用法参见首发的土炮云[ 别再忍受网抑云欺压了,用起外网IP来搭建自己的私有云音乐吧 ]。
这次的界面调整了专辑(❌Disc)列表布局,做了个卡片列表,还做了个按标题搜索(其实搜索还可以再做细一些),最后就是歌单管理功能了,做了勉强能用的上下移动顺序调整按钮,谁让网页拖动实现这么难呢 °皿°
简单扯一扯缘起
上一次发布的土炮云内置 Web 界面只能使用固定的 m3u 歌单,不爽,那就加个接口吐出元数据集,然后用 Blazor 写个界面,配合 Blob 实现导出定制歌单。
这两次发布时间间隔有亿点长,主要原因有俩,对 Blazor 还比较生疏,外加一直有零碎修改,迟迟没有让自己满意,认为拿出来丢人。又到月底了,得刷存在感,那就告一段落发出来吧
简单扯一扯开发感想
首先点名致谢 KeudellCoding 的 Select2 封装项目,参考这个项目受益匪浅,让我有参照地把需要的 Bootstrap 组件封装起来。(后来用不上了依旧下代码做纪念❌)
针对解析大型(?) JSON 时,界面冻结的问题从爆栈上找到个流式读取的方法,期间定时松绑(?)一下脚本,这样界面就不卡死了。
起初还用了前端路由,发现这东西太难驾驭,后来就索性不动 URL 了,把控件状态写进 localStorage 里,页面载入的时候还原,这也还凑合吧。
最后我来帮懒得吐槽的家伙吐槽一下我还在用老掉牙的 HttpListener ,前端都先进到在浏览器跑 C♯ 了,而后端虽然用了 Core 但还在用上古时期的方式。我只能说这就是习惯了吧,实际上改成 Core 的 Host 方式看起来也问题不大,甚至还能兼容 IIS 呢。
最后我只能说:别想这么多。这只是个玩具项目,首先要能满足自己,其次如果能给有需要的人帮上忙,我就偷着乐了。
标签: 软件开发 C# HTTP Web技术 前端工程 .NetCore
用 Blazor WebAssembly 和 Web Socket 写一个网页聊天室
作者:V君 发布于:2022-9-26 17:38 Monday 分类:我的应用
用法:
1. 下载 SwcRelease-1.7z 解压,运行 SimpleWebChat.ConHost.exe
F. 修改配置文件 config.json 中的 ListenPrefix 可以监听外部请求,支持 HTTPS
这次只扯 °皿°
最近这段时间几乎把全部的业余时间花在 Blazor WASM 上了,一边给土炮云增加前端界面,一边盘算着发表点什么出来。由于土炮云一直没有达到认为能拿出来的段落,就一直咕着没有发表,直到月底慌了,就搞点东西发出来刷存在感,这次是 Hello world 级的 WebSocket 案例 (←美其名曰)
基于FFMPEG,用C♯实现CUE分割(分轨),不重新编码(CueSharp)
作者:V君 发布于:2022-8-1 13:17 Monday 分类:我的应用
效果:指定整轨音频文件和 CUE,自动解析时间,调用 FFMPEG 提取分轨
限制:CUE 文件仅支持 UTF-8、GB2312、SHIFT-JIS、EUC-KR 编码,其他编码请转 UTF-8
环境:已测试在 Win10 下正常工作
用法:
1. 下载 CueSplitter 解压,下载 FFMPEG 放入同一目录文件夹或者 PATH 环境变量
F. 例子: CueSplitter image.m4a image.cue z:\SplitOut
稍微扯扯缘起:
如果没有特殊需求,一般用 CUETools 可以应对大部分情况,还能顺便打 Tag。那么二般来了:对有损音频文件做分轨,又不想重新编码的话,CUETools 做不到,于是就有了这个玩意儿。用我这玩意儿提取出来的分轨不会自动打 Tag,推荐使用 Mp3Tag 这个免费工具来批量打 Tag。
然后扯扯开发心得:
在开坑之前肯定为了避免弃坑而先确保可行性,要分割 CUE 首先要解析 CUE,尽管里面有看起来像是明显时间的格式,但我还是没有一开始就自己造轮子,而是找找现有的库。咕狗了亿会,发现只有 CueSharp 这个库,而且还没有 nuget 包,那就只能拖进项目里面了(后来还找到一个修改版)。解析 CUE 之后,只是能获取标题和时间偏移量,还得手动过一下获得每个音轨的时长,最后一个音轨直接拉到整轨末尾就完事。这里用 TagLib 来获取音频文件总时长。有了偏移量和时长,就可以调用 FFMPEG 跑 copy 来分段提取了。启动进程的方法和旧 Framework 的不一样,用了 ArgumentList 属性,把参数作为集合元素一个个放进去,不需要自己处理双引号和转义的问题。
写了个控制台图标修改工具
作者:V君 发布于:2022-7-13 19:57 Wednesday 分类:我的应用
效果:将当前控制台窗口图标(包括任务栏和Alt+Tab界面)设置成指定的 ICO 文件
限制:任务栏合并时不起作用
环境:在 Win10、WinServer2019 下正常工作
用法:
1. 下载 ConsoleIcon.exe,放入 Windows 文件夹或者 PATH 环境变量或者使用绝对路径
2. 在 bat 文件中调用,传入图标文件路径,支持相对或绝对路径
F. 例子: @ConsoleIcon Logo.ico
稍微扯扯:
这玩意儿纯属一时脑洞想出来的,由于自己的服务器上会跑许多批处理,不爽默认图标就尝试去修改它。
最初的实现没有持久,后来增加了一个后台进程来维持图标句柄(?)于是持久了,多次调用不会增加后台进程数量。
写了个TCP连接状态统计小工具,代替 netstat 和 find 命令组合
作者:V君 发布于:2022-6-26 11:33 Sunday 分类:我的应用
然后是使用说明
ConnectionStat.exe 若干监听端口参数
示例
ConnectionStat.exe 80
ConnectionStat.exe 443
ConnectionStat.exe 80 443
首先会输出当前主机的连接状态统计,接着挨个参数指定的端口筛选统计
最后如果指定两个端口以上,则统计列出的端口连接状态总数
简单扯一扯
工作中有一些TCP协议的服务器用来接入各种设备,经常需要统计连接数来排查状况,经常用 netstat 和 find 命令搭配,每次使用都觉得麻烦,那就写个简单的工具来实现汇总,基于这个工具外面再套一层,从服务配置文件读取监听端口,这就更方便了。
blogger
Google Web Translator
热门日志
随机日志
最新日志
最新评论
- V君
@Quartz:(出现)... - Quartz
怎么不见人了呢... - V君
@Soar:DHCP 协议相... - V君
@Soar:当然是非... - Soar
@V君:谢谢 有空... - Soar
搞一个 1230v3+B85... - V君
@Soar:另外,也可... - V君
@Soar:iscsi服务端... - Soar
难怪这么卡,尤其... - Soar
clone了源码,提示...
分类
存档
- 2024年5月(1)
- 2023年7月(1)
- 2023年5月(1)
- 2022年11月(1)
- 2022年10月(1)
- 2022年9月(1)
- 2022年8月(1)
- 2022年7月(1)
- 2022年6月(1)
- 2022年5月(2)
- 2022年4月(1)
- 2022年3月(1)
- 2022年2月(1)
- 2022年1月(1)
- 2021年12月(1)
- 2021年11月(1)
- 2021年10月(1)
- 2021年9月(1)
- 2021年8月(1)
- 2021年7月(1)
- 2021年6月(1)
- 2021年5月(1)
- 2021年4月(1)
- 2021年3月(1)
- 2021年2月(1)
- 2021年1月(1)
- 2020年12月(1)
- 2020年11月(1)
- 2020年10月(2)
- 2020年9月(1)
- 2020年8月(1)
- 2020年7月(1)
- 2020年6月(1)
- 2020年5月(1)
- 2020年4月(2)
- 2020年3月(3)
- 2020年2月(1)
- 2020年1月(1)
- 2019年12月(1)
- 2019年11月(1)
- 2019年10月(1)
- 2019年9月(1)
- 2019年8月(2)
- 2019年7月(1)
- 2019年6月(1)
- 2019年5月(1)
- 2019年4月(1)
- 2019年3月(1)
- 2019年2月(1)
- 2019年1月(2)
- 2018年12月(2)
- 2018年11月(1)
- 2018年10月(3)
- 2018年9月(4)
- 2018年8月(6)
- 2018年7月(4)
- 2018年6月(1)
- 2018年5月(2)
- 2018年4月(2)
- 2018年3月(3)
- 2018年2月(1)
- 2018年1月(1)
- 2017年12月(1)
- 2017年10月(2)
- 2017年9月(1)
- 2017年8月(2)
- 2017年7月(1)
- 2017年6月(5)
- 2017年5月(2)
- 2017年4月(2)
- 2017年3月(3)
- 2017年2月(2)
- 2017年1月(2)
- 2016年12月(3)
- 2016年11月(2)
- 2016年10月(3)
- 2016年9月(4)
- 2016年8月(2)
- 2016年7月(4)
- 2016年6月(3)
- 2016年5月(1)
- 2016年4月(4)
- 2016年3月(3)
- 2016年2月(1)
- 2016年1月(5)
- 2015年12月(4)
- 2015年11月(5)
- 2015年10月(1)
- 2015年9月(6)
- 2015年8月(4)
- 2015年7月(1)
- 2015年6月(6)
- 2015年5月(3)
- 2015年4月(3)
- 2015年3月(2)
- 2015年2月(1)
- 2015年1月(3)
- 2014年12月(1)
- 2014年11月(1)
- 2014年10月(1)
- 2014年9月(3)
- 2014年8月(1)
- 2014年7月(1)
- 2014年6月(1)
- 2014年5月(3)
- 2014年4月(1)
- 2014年3月(1)
- 2014年2月(2)
- 2014年1月(1)
- 2013年12月(2)
- 2013年11月(2)
- 2013年10月(1)
- 2013年9月(3)
- 2013年8月(14)
- 2013年7月(7)
- 2013年4月(1)
- 2013年3月(4)
- 2013年2月(6)
- 2013年1月(6)
- 2012年12月(8)
- 2012年11月(6)