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

视频记录历史播放位置效果

news 2026/3/29 12:53:35

简介

每次打开页面视频从上一次的播放位置开始播放

利用lodash库做节流
在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>video {width: 800px;height: 400px;}</style></head><body><script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script><video src="https://v.itheima.net/LapADhV6.mp4" controls></video><script>//视频节流const video = document.querySelector('video');//从本地存储拿取上次播放时长位置(function () {video.currentTime = localStorage.getItem('playTime')})()video.addEventListener('timeupdate', _.throttle(() =>{localStorage.setItem('playTime', video.currentTime)}, 1000))</script>
</body></html>

相关文章：

视频记录历史播放位置效果

简介 每次打开页面视频从上一次的播放位置开始播放 利用lodash库做节流 代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-sca…...

编程日记 2024/3/27 16:55:34

Request Response

简介 Request&#xff08;请求&#xff09; & Response&#xff08;响应&#xff09; 浏览器会向服务器发送请求数据&#xff0c;服务器也需要返回响应数据给浏览器&#xff0c;因此我们需要设置对应的类来代表请求数据和响应数据&#xff0c;且Servlet中的service方法就需…...

编程日记 2024/3/27 16:54:33

How to convert .py to .ipynb in Ubuntu 22.04

How to convert .py to .ipynb in Ubuntu 22.04 jupyter nbconvertp2j 最近看到大家在用jupyter notebook&#xff0c;我也试了一下&#xff0c;感觉还不错&#xff0c;不过&#xff0c;也遇到了一些问题&#xff0c;比方说&#xff0c;我有堆的.py文件&#xff0c;如果要一个一…...

编程日记 2024/3/27 16:53:32

【prometheus-operator】k8s监控集群外redis

1、部署exporter GitHub - oliver006/redis_exporter: Prometheus Exporter for Redis Metrics. Supports Redis 2.x, 3.x, 4.x, 5.x, 6.x, and 7.x redis_exporter-v1.57.0.linux-386.tar.gz # 解压 tar -zxvf redis_exporter-v1.57.0.linux-386.tar.gz # 启动 nohup ./redi…...

编程日记 2024/3/27 16:49:28

MySQL索引（图文并茂）

目录 一、索引的概念 二、索引的作用 三、创建索引的原则依据 四、索引的分类和创建 1、索引的分类 2、索引的创建 2.1 普通索引 2.1.1 直接创建索引 2.1.2 修改表方式创建 2.1.3 创建表的时候指定索引 2.2 唯一索引 2.2.1 直接创建唯一索引 2.2.2 修改表方式创建 …...

编程日记 2024/3/27 16:46:26

Redis 教程系列之Redis PHP 使用 Redis(十二)

PHP 使用 Redis 安装 开始在 PHP 中使用 Redis 前&#xff0c; 我们需要确保已经安装了 redis 服务及 PHP redis 驱动&#xff0c;且你的机器上能正常使用 PHP。 接下来让我们安装 PHP redis 驱动&#xff1a;下载地址为:https://github.com/phpredis/phpredis/releases。 P…...

编程日记 2024/3/27 16:42:20

JavaScript语法和数据类型

基础 JavaScript 借鉴了 Java 的大部分语法&#xff0c;但同时也受到 Awk、Perl 和 Python 的影响。 JavaScript 是区分大小写的&#xff0c;并使用 Unicode 字符集。举个例子&#xff0c;可以将单词 Frh&#xff08;在德语中意思是“早”&#xff09;用作变量名。 var Frh …...

编程日记 2024/3/27 16:40:18

解决华为云服务器宝塔面板无法访问显示“此站点的连接不安全”问题

已经配置好安全组以及初始化宝塔面板&#xff0c;还是无法访问镜像管理页面&#xff0c;提示此站点的连接不安全。 解决方案 将地址https改为http即可进入。 成功登录后&#xff0c;开启面板SSL即可。...

编程日记 2024/3/27 16:38:16

【Python】 Python脚本实现某平台视频流下载

亲爱的玛丽 我会想念着你 我是多么的讨厌分离 加油站旁的海鸥 机场路上的松柏 挥挥手眼泪就落下来 我多想和那些光阴永远住下来 我不能 我不能 &#x1f3b5; 赵雷《玛丽》 在视频内容的分发上&#xff0c;m3u8格式的视频流越来越常见。它将视频切分成多个…...

编程日记 2024/3/27 16:36:14

LangChain核心模块 Model I/O——Prompts

Prompts ​ 语言模型的提示是用户提供的一组指令或输入&#xff0c;用于指导模型的响应&#xff0c;帮助模型理解上下文并生成相关且连贯的基于语言的输出&#xff0c;例如回答问题、完成句子或参与某项活动。对话。 关键问题 如何在LLMs中使用少量示例(few-shot examples)—…...

编程日记 2024/3/27 16:34:12

关于Docker守护程序未运行导致的错误

01 在启动Docker之前&#xff0c;确保你已经安装了Docker并且Docker服务是运行的。以下是一些步骤可以帮助你解决这个问题&#xff1a; 首先&#xff0c;确保Docker已经正确安装在你的系统上。你可以通过运行以下命令来检查Docker是否已安装&#xff1a; docker --version如果…...

编程日记 2024/3/27 16:32:08

Unity中关于SendMessage方法

在Unity中&#xff0c;SendMessage 方法用于在游戏对象及其所有子对象上调用指定名称的方法。这种方法可以用于在不需要知道接收方的确切类型的情况下&#xff0c;向游戏对象发送消息。 基本语法如下&#xff1a; void SendMessage(string methodName, object value null, S…...

编程日记 2024/3/27 16:29:04

C++ 修饰符类型

C 允许在 char、int 和 double 数据类型前放置修饰符。修饰符用于改变基本类型的含义&#xff0c;所以它更能满足各种情境的需求。 下面列出了数据类型修饰符&#xff1a; signedunsignedlongshort 修饰符 signed、unsigned、long 和 short 可应用于整型&#xff0c;signed …...

编程日记 2024/3/27 16:22:56

生产计划数据模型，实现能源企业数字化高效管理

随着市场经济的快速发展&#xff0c;能源企业在经济发展中的地位也随之提高。但由于能源企业在生产计划经济管理上存在指标不平衡、市场观念落后和环保意识欠缺等问题&#xff0c;导致企业的经济效益降低。目前&#xff0c;提高企业的生产计划管理是改善能源企业现状最有利的途…...

编程日记 2024/3/27 16:17:51

【chemistry 2】蛋白质的共价结构

&#x1f31e;欢迎来到生物化学的世界 &#x1f308;博客主页&#xff1a;卿云阁 &#x1f48c;欢迎关注&#x1f389;点赞&#x1f44d;收藏⭐️留言&#x1f4dd; &#x1f31f;本文由卿云阁原创&#xff01; &#x1f4c6;首发时间&#xff1a;&#x1f339;2024年3月26日&…...

编程日记 2024/3/27 16:15:49

什么是 UI ？设计师为你解答

用户界面&#xff08;UI&#xff09;它是人与机器互动的载体&#xff0c;也是用户体验&#xff08;UX&#xff09;一个组成部分。用户界面由视觉设计 (即传达产品的外观和感觉) 和交互设计 (即元素的功能和逻辑组织) 两部分组成。用户界面设计的目标是创建一个用户界面&#xf…...

编程日记 2024/3/27 16:13:47

pytest框架入门及环境配置

一、简介 pytest是python的专用测试框架，由于设计的巧妙性，使得pytest使用起来更加的灵活简单。pytest框架有着强大的功能，拥有很多的第三方插件，还具有良好的扩展性，可以与其他的框架进行结合使用。 pytest的优点： 1、可以与一些调度工具结合，实现持续集成 2、与allu…...

编程日记 2024/3/27 16:10:42

unity 2d范围检测：怪物检测范围

需求 实现怪物有一定范围的侦测能力&#xff0c;当目标进入侦测范围内后&#xff0c;自动追踪目标[使用unity navmash实现]&#xff0c;当子弹进入时&#xff0c;销毁子弹&#xff0c;播放怪物死亡动画以及其他事件。 实现方案 实现怪物在主角靠近一定范围内时发动攻击的功能…...

编程日记 2024/3/27 16:09:40

外包干了10天，技术倒退明显

先说情况&#xff0c;大专毕业&#xff0c;18年通过校招进入湖南某软件公司&#xff0c;干了接近6年的功能测试&#xff0c;今年年初&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了四年的功能测试&#xf…...

编程日记 2024/3/27 16:08:39

后端常问面经之Java基础

基本数据类型 Java中有8种基本数据类型&#xff1a; 6种数字类型&#xff1a; 4种整数型&#xff1a;byte、short、int、long 2种浮点型&#xff1a;float、double 1种字符类型&#xff1a;char 1种布尔类型&#xff1a;boolean 数据类型的默认值以及所占空间如下&#x…...

编程日记 2024/3/27 16:06:36

如何让零基础快速掌握3D资产生成：颠覆式AI工具Hunyuan3D-2实战指南

如何让零基础快速掌握3D资产生成&#xff1a;颠覆式AI工具Hunyuan3D-2实战指南 【免费下载链接】Hunyuan3D-2 High-Resolution 3D Assets Generation with Large Scale Hunyuan3D Diffusion Models. 项目地址: https://gitcode.com/GitHub_Trending/hu/Hunyuan3D-2 技术…...

编程新知 2026/3/29 12:52:17

MySQL视图与子查询的那些事儿：从报错1349看数据库设计的最佳实践

MySQL视图与子查询深度解析&#xff1a;从报错1349看高效数据库设计 在数据库开发与维护过程中&#xff0c;视图(View)和子查询(Subquery)是两种极为常用的技术手段。它们能够简化复杂查询、提高代码复用性&#xff0c;并为数据安全提供额外保障。然而&#xff0c;当这两种技术…...

编程新知 2026/3/29 12:26:11

Transformer搞超分，别再只堆模块了！从TTSR到VSRT，聊聊那些被忽视的局部对齐与轻量化设计

Transformer在超分辨率重建中的创新设计&#xff1a;超越模块堆叠的局部对齐与轻量化实践 当Transformer架构从自然语言处理领域席卷计算机视觉任务时&#xff0c;超分辨率重建(SR)领域也迎来了新一轮的技术革新。然而&#xff0c;许多研究陷入了一个误区——简单地将Transform…...

编程新知 2026/3/29 11:19:18

告别配置噩梦：OpCore-Simplify让黑苹果EFI构建效率提升90%

告别配置噩梦&#xff1a;OpCore-Simplify让黑苹果EFI构建效率提升90% 【免费下载链接】OpCore-Simplify A tool designed to simplify the creation of OpenCore EFI 项目地址: https://gitcode.com/GitHub_Trending/op/OpCore-Simplify 黑苹果配置一直是许多技术爱好者…...

编程新知 2026/3/29 11:01:06

gte-base-zh与Git版本控制的结合：模型迭代管理实践

gte-base-zh与Git版本控制的结合&#xff1a;模型迭代管理实践 如果你在团队里搞过模型精调&#xff0c;肯定遇到过这样的麻烦事&#xff1a;张三上周调的那个参数是什么来着&#xff1f;李四改的那个配置文件怎么找不到了&#xff1f;上周测试效果最好的那个模型权重&#xf…...

编程新知 2026/3/29 10:55:04

FPGA图像处理入门：OV7670+DVP接口数据采集的那些‘坑’与优化策略

FPGA图像处理实战&#xff1a;OV7670DVP接口数据采集的工程级优化指南 当你在实验室调试OV7670摄像头时&#xff0c;是否遇到过这些场景&#xff1a;VGA显示器上的图像突然撕裂、颜色通道错乱&#xff0c;或是帧率莫名其妙降到个位数&#xff1f;作为一款经典的VGA分辨率CMOS传…...

编程新知 2026/3/29 10:43:00

5分钟快速搭建你的第一个Gemini AI智能体应用：完整开发指南

5分钟快速搭建你的第一个Gemini AI智能体应用&#xff1a;完整开发指南 【免费下载链接】gemini-fullstack-langgraph-quickstart Get started with building Fullstack Agents using Gemini 2.5 and LangGraph 项目地址: https://gitcode.com/gh_mirrors/ge/gemini-fullstac…...

编程新知 2026/3/29 10:34:58

5大实战技巧让你精通FDS火灾动力学模拟技术

5大实战技巧让你精通FDS火灾动力学模拟技术 【免费下载链接】fds Fire Dynamics Simulator 项目地址: https://gitcode.com/gh_mirrors/fd/fds 当一场突如其来的火灾发生时&#xff0c;传统的消防设计往往只能依靠经验估算&#xff0c;而FDS&#xff08;Fire Dynamics S…...

编程新知 2026/3/29 9:34:08

TrafficMonitor插件系统：5个技巧打造你的个性化Windows监控中心

TrafficMonitor插件系统&#xff1a;5个技巧打造你的个性化Windows监控中心 【免费下载链接】TrafficMonitorPlugins 用于TrafficMonitor的插件 项目地址: https://gitcode.com/gh_mirrors/tr/TrafficMonitorPlugins 想要让Windows任务栏上的TrafficMonitor变得更加强大…...

编程新知 2026/3/29 9:08:00

SDMatte与版本控制：使用Git管理模型权重、训练脚本与实验数据

SDMatte与版本控制&#xff1a;使用Git管理模型权重、训练脚本与实验数据 1. 为什么机器学习项目需要版本控制 在SDMatte这类图像处理模型的开发过程中&#xff0c;我们经常遇到这样的困扰&#xff1a;上周训练的那个效果最好的模型权重文件找不到了&#xff1b;修改了训练脚…...

编程新知 2026/3/29 8:41:49