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

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

news 2026/5/23 5:11:08

简介

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

利用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

catlass - 让算子开发像搭积木一样简单

昇腾CANN的算子开发&#xff0c;以前是个"体力活"——每个算子都要手写 C 代码&#xff0c;调内存、调流水、调同步&#xff0c;写对了算你厉害&#xff0c;写错了调试三天。 catlass 要解决的就是这个问题&#xff1a;把算子开发从"手写汇编"变成"搭…...

编程新知 2026/5/23 4:30:31

dumpsys netstats detail 输出解释netd的app的网络流量统计

dumpsys netstats detail 输出解释 重启后&#xff0c;数据会清零&#xff0c;从新统计 UID tag stats: Pending bytes: 27977 History since boot: ident[{type9, ratTypeCOMBINED, meteredtrue, defaultNetworktrue, oemManagedOEM_NONE, subId-1}] uid1000 setDEFAULT tag0x…...

编程新知 2026/5/23 4:24:41

o3推理运行时与推理优化模型实战指南

1. 项目概述&#xff1a;当“智能体”真正开始自己动手干活最近在刷技术动态时&#xff0c;看到 TAI#149 这期简报标题里出现Agentic o3和Inference Optimized Models这两个词组合在一起&#xff0c;我立刻停下手头的活儿——这不是又一个“概念包装”&#xff0c;而是模型能力…...

编程新知 2026/5/23 3:47:13

KMS_VL_ALL_AIO终极指南：三步永久激活Windows和Office系统

KMS_VL_ALL_AIO终极指南&#xff1a;三步永久激活Windows和Office系统 【免费下载链接】KMS_VL_ALL_AIO Smart Activation Script 项目地址: https://gitcode.com/gh_mirrors/km/KMS_VL_ALL_AIO 还在为Windows系统频繁弹出激活提示而烦恼吗&#xff1f;Office文档突然变…...

编程新知 2026/5/23 0:54:49

精准监测，畅行无阻——DX-SZ3200系列在交通领域的应用

在铁路、高速及各类交通系统中&#xff0c;信号监测与管理的精准性和实时性至关重要。DX-SZ3200系列数字化射频实时频谱侦测接收机模块&#xff0c;凭借其卓越的性能和广泛的应用场景&#xff0c;成为了交通领域信号监测的得力助手。DX-SZ3200系列模块集成了先进的数字化射频接…...

编程新知 2026/5/23 0:22:31

企业级Sora 2 API接入终极 checklist：23项必检项（含AWS/Azure/GCP三云环境差异对照表）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;企业级Sora 2 API接入终极 checklist&#xff1a;23项必检项&#xff08;含AWS/Azure/GCP三云环境差异对照表&#xff09; 接入企业级 Sora 2 API 前&#xff0c;必须完成覆盖身份认证、网络策略、合规…...

编程新知 2026/5/22 23:35:49

如何在跨平台场景下实现高效远程桌面控制？BilldDesk Pro的现代化解决方案

如何在跨平台场景下实现高效远程桌面控制&#xff1f;BilldDesk Pro的现代化解决方案 【免费下载链接】billd-desk 基于Vue3 WebRTC Nodejs Flutter搭建的远程桌面控制、游戏串流 项目地址: https://gitcode.com/gh_mirrors/bi/billd-desk 在远程办公和技术支持日益普…...

编程新知 2026/5/22 23:16:06

14101开源难题解榜141期第一题：大规模光网络LLM亲和拓扑理解与决策协同标准化解题框架

开源难题解榜141期第一题&#xff1a;大规模光网络LLM亲和拓扑理解与决策协同标准化解题框架 摘要 本文依照标准化无偏差解题架构&#xff0c;完成黄大年茶思屋141期首道光网络技术难题全流程拆解&#xff0c;依次开展原题复刻、脱敏信息还原、工程需求定义、规范文献引用、基础…...

编程新知 2026/5/22 22:54:29

qData 数据中台开源版 v1.5.2 发布：建模资产双升级，全方位提升企业数据治理效率

qData 数据中台开源版 v1.5.2 发布&#xff1a;建模标准化、资产精细化&#xff0c;全方位提升企业数据治理效率在企业数字化建设不断深化的今天&#xff0c;数据中台已演变为支撑企业经营决策、业务创新与数据治理落地的核心基础设施。qData 数据中台开源版 v1.5.2 正式发布&a…...

编程新知 2026/5/22 21:40:52

百考通：AI一键生成期刊论文写作，全流程智能化支撑，让学术创作更高效

在学术研究领域&#xff0c;期刊论文的撰写是成果输出的关键环节&#xff0c;却也让众多科研工作者与学生倍感压力&#xff1a;选题迷茫、逻辑梳理困难、格式规范复杂、内容提炼耗时&#xff0c;严重拖慢了学术成果的发表节奏。百考通&#xff08;https://www.baikaotongai.com…...

编程新知 2026/5/22 20:08:35