《闲聊 ASP.NET Core》系列直播清单

【闲聊 ASP.NET Core】第一期:项目与应用结构

【闲聊 ASP.NET Core】第二期:Web Host 初始化与生命周期事件

【闲聊ASP.NET Core】第三期:应用程序配置

【闲聊 ASP.NET Core】第四期:配置选项——Options

【闲聊ASP.NET Core】第五期:中间件

【闲聊 ASP.NET Core】第六期:中间件(2)

【闲聊 ASP.NET Core】第七期:中间件(3)

【闲聊 ASP.NET Core】第八期:Web 项目概览

【闲聊 ASP.NET Core】第九期:Razor 页面

【闲聊 ASP.NET Core】第十期:Razor Page 相关的几个问题

【闲聊 ASP.NET Core】第十一期:MVC 与 Web API 初探

【闲聊 ASP.NET Core】第十二期:MVC & API 续集

【闲聊 ASP.NET Core】第十三期:静态文件 & 目录浏览

【闲聊 ASP.NET Core】第十四期:MVC 常见 Attribute(1)

【闲聊 ASP.NET Core】第十五期:MVC 常见 Attribute(2)

【闲聊 ASP.NET Core】第十六期:部分视图

【闲聊 ASP.NET Core】第十七期:部分视图(补)

【闲聊 ASP.NET Core】第十八期:视图组件

【闲聊 ASP.NET Core】第十九期:Startup 进阶探索

【闲聊 ASP.NET Core】第二十期:中间件的生命周期

【闲聊 ASP.NET Core】第二十一期:依赖注入

【闲聊 ASP.NET Core】第二十二期:依赖注入(续)

【闲聊 ASP.NET Core】第二十三期:EF Core 概述

【闲聊 ASP.NET Core】第二十四期:EF Core 构建模型

【闲聊 ASP.NET Core】第二十五期:从数据库构建模型

【闲聊 ASP.NET Core】第二十六期:Action 过滤器

【闲聊 ASP.NET Core】第二十七期:Action 过滤器(二)

【闲聊 ASP.NET Core】第二十八期:异常与可注入过滤器

【闲聊 ASP.NET Core】第二十九期:MVC 路由

【闲聊 ASP.NET Core】第三十期:路由约束

【闲聊 ASP.NET Core】第三十一期:生成 URL

【闲聊 ASP.NET Core】第 32 期:路由转换器

 

 

出处:https://www.cnblogs.com/tcjiaan/p/10336939.html

===================================================

上面的视频没有键盘播放控制,从网上找来个脚本,用于上面的视频播放控制,如下

复制代码
    //reurn false 禁止函数内部执行其他的事件或者方法
    var vol = 0.1;  //1代表100%音量,每次增减0.1
    var time = 10; //单位秒,每次增减10秒
    var videoElement = document.getElementById("videoPlay");
    videoElement = document.getElementsByTagName("video")[0];

    console.log(videoElement.paused);
    document.onkeyup = function (event) {//键盘事件

        console.log("keyCode:" + event.keyCode);
        var e = event || window.event || arguments.callee.caller.arguments[0];

        if (e && e.keyCode === 38) {
            // 按 向上键,增加音量
            videoElement.volume !== 1 ? videoElement.volume += vol : 1;
            return false;

        } else if (e && e.keyCode === 40) {
            // 按 向下键,减少音量
            videoElement.volume !== 0 ? videoElement.volume -= vol : 1;
            return false;

        } else if (e && e.keyCode === 37) {
            // 按 向左键,播放时间增加
            videoElement.currentTime !== 0 ? videoElement.currentTime -= time : 1;
            return false;

        } else if (e && e.keyCode === 39) {
            // 按 向右键,播放时间减少
            videoElement.volume !== videoElement.duration ? videoElement.currentTime += time : 1;
            return false;

        } else if (e && e.keyCode === 32) {
            // 按空格键 判断当前是否暂停
            videoElement.paused === true ? videoElement.play() : videoElement.pause();
            return false;
            
        } else if (e && e.keyCode === 33) {
            // 按PageUp键,播放速度增加
            videoElement.playbackRate+=vol;
            return false;
            
        } else if (e && e.keyCode === 34) {
            // 按PageDown键,播放速度减少
            videoElement.playbackRate-=vol;
            return false;
        }

    };
View Code
复制代码

 

posted on   jack_Meng  阅读(125)  评论(0编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
历史上的今天:
2020-03-05 wpf键盘记录器(键盘钩子)
2020-03-05 WPF之TreeList的重写实现
2018-03-05 充分条件和必要条件
2018-03-05 上海全球“编程一小时”活动记
2018-03-05 C#.NET股票历史数据采集,【附18年历史数据和源代码】
2016-03-05 Node初学者入门,一本全面的NodeJS教程
2016-03-05 cmd.exe启动参数说明

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

支付宝打赏

主题色彩