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

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

news 2026/3/29 11:56:53

简介

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

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

路径规划算法大对决：A星、改进A星与新A星

A星 改进A星 新A星算法 路径规划 放在一张图上 对比 三天对比线在一张图 避障在路径规划领域&#xff0c;A星算法就像一位老将&#xff0c;一直以来都备受瞩目。而随着研究的深入&#xff0c;改进A星和新A星算法也相继登场&#xff0c;今天咱们就把这几位“选手”放在一…...

编程新知 2026/3/29 11:03:08

如何在Linux内核中实现高性能exFAT文件系统读写支持？

如何在Linux内核中实现高性能exFAT文件系统读写支持&#xff1f; 【免费下载链接】exfat-nofuse Android ARM Linux non-fuse read/write kernel driver for exFat and VFat Android file systems 项目地址: https://gitcode.com/gh_mirrors/ex/exfat-nofuse 你是否曾经…...

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

科研心路历程篇（1）——从仿真到实验：一名电机控制硕士的工程实践与认知迭代

1. 从仿真到实验的认知跨越 第一次在电脑上看到电机仿真波形完美运行时&#xff0c;我以为自己已经掌握了电机控制的精髓。直到真正面对实验室里那台嗡嗡作响的电机时&#xff0c;才发现理论和现实之间隔着一道鸿沟。记得当时用Simulink搭建的永磁同步电机模型&#xff0c;电流…...

编程新知 2026/3/29 10:40:59

YOLOv8模型训练避坑指南：GTX16系列显卡兼容性问题解决方案

GTX16系列显卡用户必读&#xff1a;YOLOv8模型训练全流程避坑手册 当你在GTX16系列显卡上运行YOLOv8训练脚本时&#xff0c;是否遇到过这样的场景&#xff1a;训练过程看似正常&#xff0c;但最终输出的P&#xff08;精确率&#xff09;、R&#xff08;召回率&#xff09;、mAP…...

编程新知 2026/3/29 8:55:56

保姆级教程：手把手教你用万物识别镜像搭建智能图片识别工具

保姆级教程&#xff1a;手把手教你用万物识别镜像搭建智能图片识别工具 1. 准备工作与环境配置 1.1 镜像基本信息介绍 万物识别-中文-通用领域镜像是一个基于cv_resnest101_general_recognition算法构建的预装环境&#xff0c;能够识别超过5万种日常物体。它封装了完整的推理…...

编程新知 2026/3/29 7:43:29

不只是PointNet++：盘点那些依赖pointnet2_ops_lib的热门点云项目（PCT/SnowflakeNet）及一键配置心得

点云深度学习生态中的关键组件&#xff1a;pointnet2_ops_lib深度解析与实战指南 在三维视觉领域&#xff0c;点云数据处理一直是研究热点。不同于传统图像数据&#xff0c;点云具有无序性、稀疏性和非结构化的特点&#xff0c;这给深度学习模型的设计带来了独特挑战。PointNet…...

编程新知 2026/3/29 6:08:22

LAV Filters：让Windows播放任何视频格式的5大优势与安装教程

LAV Filters&#xff1a;让Windows播放任何视频格式的5大优势与安装教程 【免费下载链接】LAVFilters LAV Filters - Open-Source DirectShow Media Splitter and Decoders 项目地址: https://gitcode.com/gh_mirrors/la/LAVFilters 你是否曾经遇到过在Windows电脑上无法…...

编程新知 2026/3/29 6:04:22

FireRedASR-AED-L语音搜索应用：电商场景实战

FireRedASR-AED-L语音搜索应用&#xff1a;电商场景实战 1. 引言 想象一下这个场景&#xff1a;一位正在做饭的用户手上沾满面粉&#xff0c;突然想起需要购买烘焙材料&#xff0c;只需对着手机说"帮我找高筋面粉"&#xff0c;下一秒就能看到精准的商品搜索结果。这…...

编程新知 2026/3/29 5:42:04

效果惊艳：AI超清画质增强镜像3倍放大作品集展示

效果惊艳&#xff1a;AI超清画质增强镜像3倍放大作品集展示 1. 低清图像的困扰与AI解决方案 你是否遇到过这样的情况&#xff1a;翻出多年前的老照片想重温美好回忆&#xff0c;却发现画面模糊不清&#xff1b;从网上下载的图片用作素材时&#xff0c;放大后却满是马赛克&…...

编程新知 2026/3/29 5:30:00

LaTeX表格排版救星：用tabularx和 esizebox搞定超宽表格（Overleaf实测）

LaTeX表格排版救星&#xff1a;用tabularx和resizebox搞定超宽表格&#xff08;Overleaf实测&#xff09; 在学术写作中&#xff0c;数据表格是展示研究成果的重要方式&#xff0c;但处理多列宽表时常常让人头疼——要么表格溢出页面边界&#xff0c;要么缩放后字体小到难以辨认…...

编程新知 2026/3/29 5:21:58