当前位置：首页 > news >正文

20241124 Typecho 视频插入插件

news 来源：原创 2025/7/13 6:33:14

博文免不了涉及到视频插入这些,网上的插件都或多或少的比较重,和Typecho的风格不搭配
后面就有了DPlay插件精简而来的VideoInsertion插件

VideoInsertion: Typecho 视频插入插件

目录结构

rock@hinlink-ht2:/var/www/html/typecho/usr/plugins/VideoInsertion$ tree -h
[4.0K] .
├── [4.0K] assets
│ └── [3.5K] editor.js
├── [1.3K] Plugin.php
└── [ 873] README.md

Plugin.php

<?php
if (!defined('__TYPECHO_ROOT_DIR__')) exit;/*** 视频插入插件** @package VideoInsertion* @author player* @version 1.0.0* @link */
class VideoInsertion_Plugin implements Typecho_Plugin_Interface
{/*** 激活插件方法,如果激活失败,直接抛出异常** @access public* @return void*/public static function activate(){Typecho_Plugin::factory('admin/write-post.php')->bottom = ['VideoInsertion_Plugin', 'addEditorButton'];Typecho_Plugin::factory('admin/write-page.php')->bottom = ['VideoInsertion_Plugin', 'addEditorButton'];}/*** 禁用插件方法,如果禁用失败,直接抛出异常** @static* @access public* @return void*/public static function deactivate(){}
/*** 给编辑页面新增插入视频按钮*/public static function addEditorButton(){$dir = Helper::options()->pluginUrl . '/VideoInsertion/assets/editor.js';echo "<script type=\"text/javascript\" src=\"{$dir}\"></script>";}public static function config(Typecho_Widget_Helper_Form $form){}
/*** 配置页面** @param Typecho_Widget_Helper_Form $form* @return void*/public static function personalConfig(Typecho_Widget_Helper_Form $form){}
}

editor.js

    $(function () {if ($('#wmd-button-row').length > 0) {$('#wmd-button-row').append('<li class="wmd-button" id="wmd-player-button" style="" title="插入视频"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGUlEQVQ4T6XTvyuFURgH8M9lkTKYlMGiRDKIxSQDkcFgYVAmi8WPwY+Uxa8FhWQmWdgMiAxmf4BYpFAGSRkY6K1z6tJ1vTdnfc/zOU/P830z/nkyoX4GIyjHHKrQjyXUoh3raEQT9nGDjQQowjk6cYcBnOIJHbjCY4DecYtK7KIrAUqwiNHweh16sRa+DWEbD5jAIS5QgekIJB0cB3kwgNXowTLq0YpNNKMB92iLwALGCpznSnYHP4EyvP4B5gX6wlaGcfkL9Cewh0/sYDIMMdtKBcSCN4xjK0tIDXyE6c/ipVAg2Xmynescc/jWQQxSvNeCUpzl2cQqpmKUj0JsC4nCSRL/+DMl66rBcwqhGN04wHwEUtTlvvIFs5ZDZeiythMAAAAASUVORK5CYII="/></li>');}$(document).on('click', '#wmd-player-button', function () {$('body').append('<div id="DPlayer-Panel">' +'<div class="wmd-prompt-background" style="position: absolute; top: 0; z-index: 1000; opacity: 0.5; height: 875px; left: 0; width: 100%;"></div>' +'<div class="wmd-prompt-dialog">' +'<div>' +'<p><b>插入视频</b></p>' +'<p>在下方输入参数</p>' +'<p><input type="text" id="DP-url" value="" placeholder="链接"/></p>' +'<p><input type="text" id="DP-pic" value="" placeholder="封面图"/></p>' +'<p><input type="text" id="width" value="" placeholder="视频宽度"/></p>' +'<p><input type="checkbox" id="controls" checked>开启控件</input></p>' +'<p><input type="checkbox" id="DP-autoplay">自动播放</input></p>' +'</div>' +'<form>' +'<button type="button" class="btn btn-s primary" id="ok">确定</button>' +'<button type="button" class="btn btn-s" id="cancel">取消</button>' +'</form>' +'</div>' +'</div>');});//cancel$(document).on('click', '#cancel', function () {$('#DPlayer-Panel').remove();$('textarea').focus();});//ok$(document).on('click', '#ok', function () {var url = document.getElementById('DP-url').value,pic = document.getElementById('DP-pic').value,width = document.getElementById('width').value,controls = !!document.getElementById('controls').checked,autoplay = !!document.getElementById('DP-autoplay').checked;var tag = '<video src="' + url+ '" ';if(pic) tag +=  'pic="' + pic + '" ';if (controls) tag += 'controls="' + controls + '" ';if(width) tag += 'width="' + width + '" ';if (autoplay) tag += 'autoplay="' + autoplay + '" ';tag += '> </video>\n';var editor = document.getElementById('text');if (document.selection) {editor.focus();sel = document.selection.createRange();sel.text = tag;editor.focus();}else if (editor.selectionStart || editor.selectionStart === '0') {var startPos = editor.selectionStart;var endPos = editor.selectionEnd;var cursorPos = startPos;editor.value = editor.value.substring(0, startPos)+ tag+ editor.value.substring(endPos, editor.textLength);cursorPos += tag.length;editor.focus();editor.selectionStart = cursorPos;editor.selectionEnd = cursorPos;}else {editor.value += tag;editor.focus();}$('#DPlayer-Panel').remove();})});

20241124 Typecho 视频插入插件

博文免不了涉及到视频插入这些,网上的插件都或多或少的比较重,和Typecho的风格不搭配后面就有了DPlay插件精简而来的VideoInsertion插件 VideoInsertion: Typecho 视频插入插件目录结构 rockhinlink-ht2:/var/www/html/typecho/usr/plugins/VideoInsertion$ tree -h [4.…...

编程日记 2025/7/13 6:33:14

【接口调试】OpenAI ChatGPT API

【接口调试】AbortController 发出请求finish_reason 参数细节 – Openai ChatGPT 文档发出请求可以将以下命令粘贴到终端中以运行第一个API请求。请确保用您的秘密API密钥替换$OPENAI_API_KEY。 curl https://api.openai.com/v1/chat/completions \-H "Content-Ty…...

编程日记 2025/7/10 19:21:33

如果在ubuntu安装chrome后，点击chrome打开没反应，可以先试着在terminal上用命令打开 google-chrome 如果运行命令显示 Chrome has locked the profile so that it doesnt get corrupted. If you are sure no other processes are using this profile…...

编程日记 2025/7/10 8:28:13

【R安装】VSCODE安装及R语言环境配置

目录 VSCODE下载及安装VSCODE上配置R语言环境参考 Visual Studio Code（简称“VSCode” ）是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器&…...

编程日记 2025/7/12 0:07:31

什么是 Token 和 MD5 ？

目录一：Token和MD5分别是什么 1：Token 2：MD5 二：简易Token的实现 1：Base64。 2：验证Token 三：MD5的使用一：Token和MD5分别是什么 1：Token Token 的中文有人翻译成…...

编程日记 2025/7/10 1:12:14

Kubernetes(k8s)1.30.7简单快速部署对外部开放的有状态服务MYSQL8（快速有效）

如何在Kubernetes集群中快速创建部署一个单节点的有状态（即将数据文件挂载到宿主机，防止重新部署mysql服务，数据文件丢失）的对外开放的MYSQL服务。通过创建一个 Kubernetes Deployment 并使用 PersistentVolumeClaim 将其连接到…...

编程日记 2025/7/11 1:14:16

基于Linux的repmgr搭建

第一部分说明 repmgr是一个开源工具套件，用于管理 PostgreSQL 服务器集群中的复制和故障转移。它通过设置备用服务器、监控复制和执行管理任务（例如故障转移或手动切换操作）的工具增强了 PostgreSQL 的内置热备用功能。 PostgreSQL在9.0后引…...

编程日记 2025/7/7 21:09:06

Diff差异算法

目录虚拟DOM Diff算法 Diff过程示例总结在Vue.js中，虚拟DOM（Virtual DOM）是其核心特性之一，它极大地提高了DOM更新的效率。Vue.js使用虚拟DOM的diff算法来比较新旧虚拟DOM树，从而确定最小的DOM更新操作。这种…...

编程日记 2025/7/8 20:20:57

visionpro官方示例分析（一）模板匹配工具缺陷检测工具

1.需求：找出图像中的这个图形。 2.步骤使用CogPMAlignTool工具，该工具是模板匹配工具，见名知意，所谓模板匹配工具就是说先使用该工具对一张图像建立模板，然后用这个模板在其他图像上进行匹配，匹配上了就说…...

编程日记 2025/7/9 18:40:37

字符串分割转换（Java Python JS C++ C ）

题目描述给定一个非空字符串S，其被N个‘-’分隔成N+1的子串，给定正整数K，要求除第一个子串外，其余的子串每K个字符组成新的子串，并用‘-’分隔。对于新组成的每一个子串，如果它含有的小写字母比大写字母多，则将这个子串的所有大写字母转换为小写字母；反之，如果它…...

编程日记 2025/7/9 21:37:47

第33章 - Go语言云原生开发

第33章 - 云原生开发将深入探讨云原生技术及其在现代软件开发中的应用。我们将从云原生的基本概念开始，逐步介绍Kubernetes的基本使用方法，并结合具体的云服务提供商实例，通过Go语言编写的应用程序来展示如何实现云原生开发。 33.1 云原生的…...

编程日记 2025/7/13 6:15:07

springboot配置多数据源mysql+TDengine保姆级教程

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pom文件二、yamlDataSourceConfigServiceMapper.xml测试总结前言 Mybatis-plus管理多数据源，数据库为mysql和TDengine。一、pom文件 <de…...

编程日记 2025/7/13 6:12:14

RocketMQ负载均衡机制解析

消费者在消费消息的时候，需要知道从Broker的哪一个消息队列中去获取消息。 ❝ 所以，在消费者端必须要做负载均衡，即Broker端中多个消费队列分配给同一个消费者组中的哪些消费者消费。在RocketMQ中，在消费者端有一个：R…...

编程日记 2025/7/8 10:38:23

PyTorch 模型转换为 ONNX 格式

PyTorch 模型转换为 ONNX 格式在深度学习领域，模型的可移植性和可解释性是非常重要的。本文将介绍如何使用 PyTorch 训练一个简单的卷积神经网络（CNN）来分类 MNIST 数据集，并将训练好的模型转换为 ONNX 格式。我们还将讨论 PTH …...

编程日记 2025/7/13 6:25:08

大数据-234 离线数仓 - 异构数据源 DataX 将数据从 HDFS 到 MySQL

点一下关注吧！！！非常感谢！！持续更新！！！ Java篇开始了！ 目前开始更新 MyBatis，一起深入浅出！ 目前已经更新到了： Hadoop&#xff0…...

编程日记 2025/7/9 4:31:00

【人工智能】使用Python实现序列到序列（Seq2Seq）模型进行机器翻译

解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界序列到序列（Sequence-to-Sequence, Seq2Seq）模型是解决序列输入到序列输出任务的核心架构，广泛应用于机器翻译、文本摘要和问答系统等自然语言处理任务中。本篇文章深入介绍 Seq2Seq 模型的原理及其核心组件（…...

编程日记 2025/7/8 1:12:59

elasticsearch安装ik分词器

本文主要记录如何安装ik分词器，如果你刚好刷到了这篇文章，希望对你有所帮助。 IKAnalyzer是一个开源的，基于java语言开发的轻量级的中文分词工具包。采用了特有的“正向迭代最细粒度切分算法“，支持细粒度和最大词长两种切分模式&…...

编程日记 2025/7/9 15:10:22

QT6之主站freemodbus1.6移植

本次使用的QT是6.8 下载1.6的freemodbus资源包：至少以上的吧随便下载：官网也可以这个是STM芯片的教程，移植基本一样，略有不同； STM32 移植FreeModbus详细过程-CSDN博客移植freemodbus： 添加资源文件&a…...

编程日记 2025/7/7 15:12:17

【错误❌】——槽函数定义好但未初始化

public slots:void onClose(); 初始化即可成功：...

编程日记 2025/7/3 22:14:27

数据结构（理解）

探索数据结构：计算机世界的基石在计算机科学的领域中，数据结构就如同建筑中的基石，它们支撑着整个软件世界的运行。无论是简单的应用程序，还是复杂的大型系统，数据结构都在其中起着至关重要的作用。一、什么是数据结…...

编程日记 2025/7/8 1:18:07

ROS2 细节知识学习

1. rosidl_generate_interfaces() 在 ROS2 中，rosidl_generate_interfaces是一个关键的构建工具功能。它主要用于从接口定义文件（如.msg消息文件、.srv服务文件和.action动作文件）生成不同编程语言（如 C、Python 等）可…...

编程日记 2025/7/11 14:47:18

SQL进阶——JOIN操作详解

在数据库设计中，数据通常存储在多个表中。为了从这些表中获取相关的信息，我们需要使用JOIN操作。JOIN操作允许我们通过某种关系（如相同的列）将多张表的数据结合起来。它是SQL中非常重要的操作，广泛应用于实际开发中。本…...

编程日记 2025/7/3 17:50:17

Android studio 签名加固后的apk文件

Android studio打包时，可以选择签名类型v1和v2，但是在经过加固后，签名就不在了，或者只有v1签名，这样是不安全的。操作流程： 1、Android studio 对项目进行打包，生成有签名的apk文件&#xff…...

编程日记 2025/7/10 20:24:39

Mybatis-基础操作

Mybatis的基础操作就是通过Mybatis完成对数据的增删改查。我们通过例子来引入这些操作，之前的项目较久远，因此我们从零开始进行准备工作： 搭建项目一、创建数据库user_list并插入数据： -- 创建数据库 create table user_list …...

编程日记 2025/7/12 16:28:23

【工具】JS解析XML并且转为json对象

【工具】JS解析XML并且转为json对象 <?xml version1.0 encodingGB2312?> <root><head><transcode>hhhhhhh</transcode></head><body><param>ccccccc</param><param>aaaaaaa</param><param>qqqq<…...

编程日记 2025/7/13 6:30:37

软件测试技术面试题及参考答案整理

一、什么是兼容性测试?兼容性测试侧重哪些方面? 参考答案： 兼容测试主要是检查软件在不同的硬件平台、软件平台上是否可以正常的运行，即是通常说的软件的可移植性。兼容的类型，如果细分的话，有平台的兼容，网络兼…...

编程日记 2025/7/9 16:19:42

Python学习36天

面向对象编程综合 # 创建父类 class Employee:# 创建私有属性__name None__salary None# 创建构造器初始化属性def __init__(self, __name, __salary):self.__name __nameself.__salary __salarydef get_annual(self):# 返回员工年薪return self.__salary * 12# 创建公共方…...

编程日记 2025/7/7 21:52:19

C语言——海龟作图（对之前所有内容复习）

一.问题描述海龟作图设想有一只机械海龟，他在C程序控制下在屋里四处爬行。海龟拿了一只笔，这支笔或者朝上，或者朝下。当笔朝下时，海龟用笔画下自己的移动轨迹；当笔朝上时，海龟在移动过程中什么也不画。 …...

编程日记 2025/7/12 8:20:12

关于如何在k8s中搭建一个nsfw黄图鉴定模型

随着现在应用内图片越来越多，安全审查也是必不可少的一个操作了下面手把手教你如何将huggingface中的黄图检测模型部署到自己的服务器上去 1.找到对应的模型 nsfw_image_detection 2.在本地先验证如何使用首先安装transformers python库 pip install transform…...

编程日记 2025/7/12 8:06:42

istio结合wasm插件的实际应用

在 Istio 中，WASM 插件的常见使用场景和功能包括以下几个方面： 1. 流量管理与请求修改请求与响应头处理：动态添加、删除或修改 HTTP 请求或响应头。URL 重写：根据特定规则调整请求的路径或参数。请求路由增强：实现复…...

编程日记 2025/7/9 0:05:27

日志logrus

https://blog.csdn.net/m0_70982551/article/details/143095729 https://blog.csdn.net/wslyk606/article/details/81670713 https://www.bilibili.com/opus/1002468521099132928 地鼠文档：https://www.topgoer.cn/docs/goday/goday-1crg2adjknouc 极客文档&#xf…...

编程日记 2025/7/11 4:05:56

11.29 代码随想录Day45打卡（动态规划）

115.不同的子序列题目：给你两个字符串 s 和 t ，统计并返回在 s 的子序列中 t 出现的个数。题解： class Solution:def numDistinct(self, s: str, t: str) -> int:dp [[0] * (len(t) 1) for _ in range(len(s) 1)]for i in range…...

编程日记 2025/7/5 4:48:36

springboot336社区物资交易互助平台pf(论文+源码)_kaic

毕业设计（论文） 社区物资交易互助平台设计与实现摘要传统办法管理信息首先需要花费的时间比较多，其次数据出错率比较高，而且对错误的数据进行更改也比较困难，最后，检索数据费事费力。因此&#xff…...

编程日记 2025/7/13 1:08:03

【Maven】Nexus私服

6. Maven的私服 6.1 什么是私服 Maven 私服是一种特殊的远程仓库，它是架设在局域网内的仓库服务，用来代理位于外部的远程仓库（中央仓库、其他远程公共仓库）。一些无法从外部仓库下载到的构件，如项目组其他人员开发的…...

编程日记 2025/7/8 0:00:57

【python量化教程】如何使用必盈API的股票接口，获取最新分时KDJ数据

分时KDJ数据简介股票分时 KDJ 数据是用于分析股票盘中短期走势的指标。它由未成熟随机指标 RSV 计算出 K 值、D 值、J 值。取值范围上，K 和 D 是 0 - 100，J 值可超出此范围。20 以下为超卖区、80 以上是超买区。关键信号有金叉（预示上涨&am…...

编程日记 2025/7/11 4:52:57

DI依赖注入详解

DI依赖注入声明了一个成员变量（对象）之后，在该对象上面加上注解AutoWired注解，那么在程序运行时，该对象自动在IOC容器中寻找对应的bean对象，并且将其赋值给成员变量，完成依赖注入。 AutoWire…...

编程日记 2025/7/12 6:45:56

mysql sql语句 between and 是否边界值

在 MySQL 中，使用 BETWEEN 运算符时，边界值是包括在内的。这意味着 BETWEEN A AND B 查询会返回 A 和 B 之间的所有值，包括 A 和 B 自身。示例假设有一个表 employees，其中有一个 salary 列，您可以使用以下查询&am…...

编程日记 2025/7/8 18:30:51

飞塔防火墙只允许国内IP访问

飞塔防火墙只允许国内IP访问方法1 新增地址对象，注意里面已经细分为中国内地、中国香港、中国澳门和中国台湾方法2 手动新增国内IP的对象组，目前好像一共有8632个，每个对象最多支持600个IP段...

编程日记 2025/7/13 6:21:51

宠物之家：基于SpringBoot的领养平台

第1章绪论 1.1 课题背景二十一世纪互联网的出现，改变了几千年以来人们的生活，不仅仅是生活物资的丰富，还有精神层次的丰富。时代进步的标志，就是让人们过上更好的生活。在互联网诞生之前，地域位置往往是人们思想上不…...

编程日记 2025/7/12 19:48:39

golang 实现比特币内核：如何接入 RPC 后端获得特定交易的二进制数据

我们非常关注解析比特币的二进制数据，这使得我们的工作看起来是可行的。比特币是一个分布式网络系统，这意味着它需要全球各地的节点协同工作，甚至比特币核心库也需要连接其他节点来帮助它，就像查询交易费一样。世界上没有免费的午餐。当你使用比特币系统进行交易时，你需…...

编程日记 2025/7/9 17:42:56

QML学习 —— 34、视频媒体播放器（附源码）

效果说明您可以单独使用MediaPlayer播放音频内容（如音频），也可以将其与VideoOutput结合使用以渲染视频。VideoOutput项支持未转换、拉伸和均匀缩放的视频演示。有关拉伸均匀缩放演示文稿的描述，请参见fillMode属性描述。播放可能出错问题出现的问题: DirectS…...

编程日记 2025/6/27 21:49:14

宝塔Linux面板上传PHP文件或者修改PHP文件，总是转圈圈，其他文件正常，解决办法

目录问题描述寻找解决方案 1.重启宝塔面板 2.清理宝塔缓存 3.升级面板 4.ssh远程 5.清空回收站 6.换网络 7. IDE远程编辑总结： 问题描述一直用宝塔linux面板，感觉非常好用，点点就能搞定，环境也很好配置。公司搬家&…...

编程日记 2025/7/9 22:08:21

Flink——进行数据转换时，报：Recovery is suppressed by NoRestartBackoffTimeStrategy

热词统计案例： 用flink中的窗口函数（apply）读取kafka中数据，并对热词进行统计。 apply:全量聚合函数，指在窗口触发的时候才会对窗口内的所有数据进行一次计算（等窗口的数据到齐，才开始进行聚合…...

编程日记 2025/7/8 1:26:37

贪心算法题目合集

贪心算法题目合集 1319：【例6.1】排队接水贪心策略思想 1319：【例6.1】排队接水贪心策略思想 1319：【例6.1】排队接水贪心算法与其说是算法，不如说是一种风格：每次做事情都选择自己认为的最优解。贪心算法的题很…...

编程日记 2025/7/11 1:10:01

NSSCTF-做题笔记

[羊城杯 2020]easyre 查壳，无壳，64位，ida打开 encode_one encode_tow encode_three 那么我们开始一步一步解密，从最外层开始 def decode_three(encrypted_str):decrypted_str ""for char in encrypted_str:char_code …...

编程日记 2025/7/12 4:54:31

SpringBoot源码-spring boot启动入口ruan方法主线分析（一）

一、SpringBoot启动的入口 1.当我们启动一个SpringBoot项目的时候，入口程序就是main方法，而在main方法中就执行了一个run方法。 SpringBootApplication public class StartApp {public static void main(String[] args) {// testSpringApplication.ru…...

编程日记 2025/7/9 8:43:34

python json.dump()和json.dumps()的区别

用人话总结一下 json.dump()是针对文件的json和python的转换 json.dumps()主要是针对内容数据 json.dumps(obj, skipkeysFalse, ensure_asciiTrue, check_circularTrue, allow_nanTrue, clsNone, indentNone, separatorsNone, encoding“utf-8”, defaultNone, sort_keysFalse…...

编程日记 2025/7/9 15:37:54

快速排序hoare版本和挖坑法(代码注释版)

hoare版本 #define _CRT_SECURE_NO_WARNINGS 1 #include <stdio.h>// 交换函数 void Swap(int* p1, int* p2) {int tmp *p1;*p1 *p2;*p2 tmp; }// 打印数组 void _printf(int* a, int n) {for (int i 0; i < n; i) {printf("%d ", a[i]);}printf("…...

编程日记 2025/7/8 21:43:00

ELK（Elasticsearch + logstash + kibana + Filebeat + Kafka + Zookeeper）日志分析系统

文章目录前言架构软件包下载一、准备工作1. Linux 网络设置2. 配置hosts文件3. 配置免密登录4. 设置 NTP 时钟同步5. 关闭防火墙6. 关闭交换分区7. 调整内存映射区域数限制8. 调整文件、进程、内存资源限制二、JDK 安装1. 解压软件2. 配置环境变量3. 验证软件三、安装 Elas…...

编程日记 2025/7/12 8:06:35

SpringBoot中忽略实体类中的某个属性不返回给前端的方法

使用Jackson的方式： //第一种方式，使用JsonIgnore注解标注在属性上，忽略指定属性 public class PropertyDTO {JsonProperty("disable")private Integer disable;JsonProperty("placeholder")private String placeholde…...

编程日记 2025/7/12 6:17:34

相关文章：