找到
50
篇与
日常
相关的结果
- 第 5 页
-
js实现页面窗口录制 AI摘要：使用JavaScript实现页面窗口录制，通过在线demo和代码示例展示如何获取屏幕流，使用MediaRecorder录制视频，并在网页中播放和下载录制内容。一,在线demo 1、在线demo地址：http://ys.100000.icu/00007 注：目前测试发现只有在chrome浏览器里可以使用 二、直接上代码 <!DOCTYPE html> <html> <head> <title>Parcel Sandbox</title> <meta charset="UTF-8" /> </head> <body> <video class="video" width="600px" controls></video> <button class="record-btn">录制</button> <script> let btn = document.querySelector(".record-btn") btn.addEventListener("click", async function () { let stream = await navigator.mediaDevices.getDisplayMedia({ video: true }) const mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9") ? "video/webm; codecs=vp9" : "video/webm" let mediaRecorder = new MediaRecorder(stream, { mimeType: mime }) let chunks = [] mediaRecorder.addEventListener('dataavailable', function (e) { chunks.push(e.data) }) mediaRecorder.addEventListener('stop', function () { let blob = new Blob(chunks, { type: chunks[0].type }) let url = URL.createObjectURL(blob) let video = document.querySelector(".video") video.src = url let a = document.createElement('a') a.href = url a.download = 'video.webm' a.click() }) mediaRecorder.start() }) </script> </body> </html>三,效果 操作步骤： 1、点击录制按钮后，在弹窗窗口中选择需要录制的窗口，并点击分享后开始录制 000057图片 2、录制中时，页面底部会有停止共享的按钮，点击即可结束录制，并下载录制视频到本地，同时可在该页面播放 000058图片
-
19371213，南京，不能忘，不会忘！ AI摘要：1937年南京大屠杀，日军对无辜平民和战俘进行大规模杀戮，约30万人丧生。此事件是人类文明史上的重大倒退，警示我们珍爱和平，防止悲剧重演。 1937年12月13日，侵华日军野蛮侵入南京，制造了惨绝人寰的南京大屠杀惨案，这是人类历史上无比黑暗的一页。 在这段时间里，日军对南京的无辜平民和战俘进行了大规模的杀戮。枪声、哭喊声和惨叫声充斥着街头巷尾。据估计，大约有30万人在这场暴行中失去了生命。妇女遭受了难以启齿的强奸和虐待，而城市的文化遗产和财产也遭到了破坏。 南京大屠杀不仅是中日战争的一个转折点，更是人类文明史上的一次重大倒退。尽管当时的国际社会对此暴行的反应有限，但历史从未忘记。如今，我们通过国家公祭日来悼念遇难者，提醒自己不忘历史，珍爱和平。 这段历史警示我们，战争的残酷不仅在于战场上的硝烟，更在于对人性、文明和尊严的践踏。在铭记南京大屠杀的同时，我们应当共同努力，防止类似悲剧的重演，捍卫人类共同的和平与尊严。 今天（2024年12月13日），是第11个南京大屠杀死难者国家公祭日。南京城曾遭遇的苦难，不能忘。日本侵略者骇人听闻的反人类罪行，不会忘。以史为鉴，吾辈自强！ 000044图片
-
社会主义核心价值观-代码 AI摘要：本文介绍了社会主义核心价值观的代码实现，包括HTML代码，展示了国家、社会和个人层面的价值观内容，强调践行这些价值观对国家富强、社会和谐和个人全面发展的意义。效果图 000043图片 演示地址 代码 HTML代码 - <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>社会主义核心价值观</title> <link href="http://api.xunjinlu.fun/css/shehuizhuyihexinjiazhiguan.css" rel="stylesheet"> <style> body { font-family: 'Noto Sans SC', Arial, sans-serif; margin: 0; padding: 0; background-color: #ffffff; color: #333; display: flex; justify-content: center; align-items: center; min-height: 100vh; flex-direction: column; } .container { max-width: 800px; padding: 20px; background-color: #ffffff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border: 3px solid #d32f2f; border-radius: 10px; } h1 { color: #d32f2f; text-align: center; margin-bottom: 20px; font-size: 2.5em; } h2 { color: #b71c1c; margin-top: 20px; margin-bottom: 10px; border-bottom: 2px solid #b71c1c; padding-bottom: 5px; font-size: 1.8em; } p { line-height: 1.8; margin-bottom: 15px; font-size: 1.2em; } .values { display: flex; justify-content: space-around; margin-top: 20px; margin-bottom: 20px; flex-wrap: wrap; /* 允许内容换行 */ } .values div { text-align: center; width: 30%; background-color: #fbe9e7; border: 2px solid #b71c1c; border-radius: 10px; padding: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-bottom: 20px; /* 增加块之间的间距 */ transition: transform 0.3s; } @media (max-width: 768px) { .values div { width: 100%; /* 在手机界面上每个块占据整个行 */ } } .footer { text-align: center; padding: 15px; margin-top: 20px; color: #fff; background-color: #d32f2f; border-top: 3px solid #b71c1c; border-radius: 0 0 10px 10px; font-size: 1.2em; } .footer p { margin: 5px 0; } .footer small { display: block; margin-top: 10px; font-size: 0.9em; color: #f0f0f0; } </style> </head> <body> <div class="container"> <h1>社会主义核心价值观</h1> <p>社会主义核心价值观是中国共产党在新时期提出的重要指导思想，是社会主义现代化建设的重要精神<a href="/"target="_blank" style="color:#17202a;text-decoration: none;">支</a>柱。每个公民应当积极践行社会主义核心价值观，共建美好社会。</p> <h2>核心价值观内容</h2> <div class="values"> <div> <h3><a href="/" target="_blank" style="color: #d32f2f;text-decoration: none;">国家层面</a></h3> <p>富强、民主、文明、和谐</p> </div> <div> <h3><a href="/" target="_blank" style="color: #d32f2f;text-decoration: none;">社会层面</a></h3> <p>自由、平等、公正、法治</p> </div> <div> <h3><a href="/" target="_blank" style="color: #d32f2f;text-decoration: none;">个人层面</a></h3> <p>爱国、敬业、诚信、友善</p> </div> </div> <h2>应用和意义</h2> <p>社会主义核心价值观是每个公民应当遵循的道德准则，有助于推动国家富强，社会和谐，个人全面发展。通过践行这些价值观，我们可以共同为实现中华民族伟大复兴的中国梦贡献力量。</p> <div class="footer"> <p>践行社会主义核心价值观，共建美好未来</p> <small>© 2024 尋鯨錄 <br> <a href="https://beian.miit.gov.cn/" target="_blank" style="color: #f0f0f0;text-decoration: none;">滇ICP备2023007716号-1</a> <br> <a href="https://beian.mps.gov.cn/#/query/webSearch" target="_blank" style="color: white; text-decoration: none;"> <img src="https://beian.mps.gov.cn/img/logo01.dd7ff50e.png" alt="公安备案图标" style="vertical-align: middle; height: 15px; width: auto; margin-right: 5px;">公安备案号：滇公网安备53032202530370号</a> </small> </div> </div> </body> </html> 演示地址
-
Typecho 文章生成 AI 摘要 （ AISummary ） AI摘要：发现Typecho插件AISummary，解决原版问题，支持免费API调用，提供改版插件下载。 前段时间在寻找博客ai插件的时候发现了两款适用于typecho插件（AISummary 和 AIContentSummary），发现大多数博主都是用的AISummary，所以话不多说接下来看效果图： 效果图 000040图片 Github 开源地址 AISummary ：https://github.com/idealclover/AISummary-Typecho AIContentSummary ：https://github.com/Rockytkg/AIContentSummary AISummary AISummary的原版本个人感觉有一点点小问题，可能是跟我的其他插件有冲突，每次点击发布文章都需要加载半天，还加载不出来$[经典表情]::(流泪) 所以，这篇文章是一个小改的AISummary插件 打开插件下的 Plugin.php 文件 找到大约 223 行。 // $apiUrl = rtrim($options->apiUrl, '/') . '/v1/chat/completions'; 原代码，注释掉，然后添加下一行代码 $apiUrl = $options->apiUrl; 这里改变的原因就是原版插件只可以调用MoonShot Kimi Chat，不过Kimi只有新人15元免费，后面都需要收费（）直到后面发现了智谱清言的 GLM-4-Flash 模型是完全免费的。） MoonShot Kimi Chat API KEY 注册地址： https://platform.moonshot.cn/ 智谱清言 BigModel智谱AI大模型开放平台链接： https://maas.aminer.cn/ GLM-4-Flash免费调用： 智谱AI首个免费API，零成本调用大模型，支持128K上下文。 修改后的插件配置 kimi Chat 模型名：moonshot-v1-8k 密钥：sk-9rvpKLaC5jPszkxdinwlSC6hHon*********** API地址：https://api.moonshot.cn/v1/chat/completions 智谱清言 模型名：glm-4-flash 密钥：95ee48bda0293d818967561af0d9e0.3whX********* API地址：https://open.bigmodel.cn/api/paas/v4/chat/completions 两个都是可以使用 最后没有动手能力的，可以直接下载改版插件 插件下载-改版
-
宝塔面板-开心版 AI摘要：宝塔面板开心版更新，修复多个插件安装错误，优化授权机制和本地插件使用，新增自动登录功能。支持Centos、Ubuntu、Debian、Fedora等系统安装。宝塔图片 话不多说先看效果图 000038图片 000039图片 开新版更新记录 内容如下 Node项目：未安装插件时报错而不是显示未安装 SSH系统账号管理：未安装插件时报错而不是显示列表为空 入侵防御：未安装插件时报错而不是显示未安装 PHP网站安全：未安装插件时报错而不是显示未安装 优化授权机制，修复监控版本防火墙时不时失效问题！ 更新已知的插件版本 修复已知的bug 优化本地列表：云端列表连不上的时候会优先读取本地列表而不会出现商店无法使用但无法安装新插件 优化本地插件：云端连不上以及插件无法安装的时候，本地已经安装的插件可以正常打开使用而不会走云端 现在开始全新安装或者掉登录无需重新执行升级脚本或者去登录，直接重启面板会自动生产随机号码自动登录（已经把代码写在了授权文件里了，相当于再也不用登录了） 警告提示 宝塔官网 安装命令 Centos安装命令： yum install -y wget && wget -O install.sh http://io.bt.sb/install/install_6.0.sh && sh install.shUbuntu Deepin安装命令： wget -O install.sh http://io.bt.sb/install/install-ubuntu_6.0.sh && sudo bash install.shDebian安装命令： wget -O install.sh http://io.bt.sb/install/install-ubuntu_6.0.sh && bash install.shFedora安装命令: wget -O install.sh http://io.bt.sb/install/install_6.0.sh && bash install.sh 通用安装命令： if [ -f /usr/bin/curl ];then curl -sSO http://io.bt.sb/install/install_panel.sh;else wget -O install_panel.sh http://io.bt.sb/install/install_panel.sh;fi;bash install_panel.sh通用安装命令，基本适用上面的几个系统！ 通用升级命令 Linux面板 9.2.0 升级企业版命令（所有官方版 / 开心版 包括低版本 都可以执行这个升级到 9.2.0 开心版）： curl https://io.bt.sb/install/update_panel.sh|bash 最后感谢ADS的无偿贡献
