页面里嵌入播放器，并获取当前视频的播放总时间

最新推荐文章于 2024-07-12 23:56:53 发布
最新推荐文章于 2024-07-12 23:56:53 发布
阅读量4.4k 收藏 1
点赞数 2
分类专栏： 其他 文章标签： microsoft generator javascript function 测试 url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq355667166/article/details/4616580
版权

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>电子表单设计师(e-form Designer)使用手册</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<body>
<object id="mPlayer1" width=300 height=300 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">
<param name="URL" value="D://测试材料//what hurts me the most.mp3">
        <param name="rate" value="1">
        <param name="balance" value="0">
        <param name="currentPosition" value="0">
        <param name="defaultFrame" value>
        <param name="playCount" value="100">
        <param name="autoStart" value="1">
        <param name="currentMarker" value="0">
        <param name="invokeURLs" value="1">
        <param name="baseURL" value>
        <param name="volume" value="100">
        <param name="mute" value="0">
        <param name="uiMode" value="full">
        <param name="stretchToFit" value="0">
        <param name="windowlessVideo" value="0">
        <param name="enabled" value="1">
        <param name="enableContextMenu" value="1">
        <param name="fullScreen" value="0">
        <param name="SAMIStyle" value>
        <param name="SAMILang" value>
        <param name="SAMIFilename" value>
        <param name="captioningID" value>
        <param name="enableErrorDialogs" value="0">
        <param name="_cx" value="7779">
        <param name="_cy" value="1693">
      </object>

</p>
<input name="submit" type="submit" onclick="getInfo()">
<p>

<script language="javascript">
var time;
  function getInfo(){
  var pl=document.getElementById("mPlayer1");
   time=pl.currentMedia.durationString;  获取时间
   alert(parseInt(pl.currentMedia.durationString.substring(0,2)*60)); 时间格式设置
   //alert(parseInt(pl.currentMedia.durationString.substring(3,5)));
  alert(parseInt(pl.currentMedia.durationString.substring(0,2)*60)+parseInt(pl.currentMedia.durationString.substring(3,5)));
}
</script>
</p>




</body>

</html>

老猫的TOM
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何获取视频与音频当前的时长，并设置时长
Adios_0403的博客
07-29 1155
事件在当前帧的数据加载完成且还没有足够的数据播放视频/音频（audio/video）的。事件在视频 / 音频 （audio / video）当前的播放位置发送改变时播放。可读写，直接读就是获取播放时长，赋值即可设置当前播放时长。// 将存起来的时间取出，设置给播放时长，简单来讲：就是视频在播放时，将不断触发。此处用到了节流函数，每秒只会触发一次。简单来讲：刷新以及打开页面将会触发。// 把当前的时间存储到本地存储。// 打开即可跳转到上次播放位置。可以获取到，当前播放时长。
通过解析MP4视频文件获取总时长、宽高
MagicalCat的博客
08-18 794
因为一些视频动态库，如大华，必须在播放后才能得到视频的总时长、宽高。这就导致在嵌入到Qt widget的情况下，刚开始播放那一秒无法准确设置窗口长宽比，所以需要提前获取视频信息。
获取视频播放时长
dijijiao8242的博客
01-02 618
var video=document.getElementById("video");//使用事件监听方式捕捉事件var timeDisplay;video.addEventListener("timeupdate",function(){ //用秒数来显示当前播放进度 timeDisplay = Math.floor(video.currentTime); //当视频...
HTML页面嵌入视频与JS控制切换视频示例详解
09-28
进度条控制可以通过监听`timeupdate`事件来获取当前播放时间，并同步到进度条上。 总的来说，HTML页面嵌入视频并用JavaScript控制切换视频涉及到了HTML5的多媒体元素、DOM操作、JavaScript事件监听和浏览器本地存储...
实时获取视频当前帧封面图.rar
08-10
例如，`currentTime`属性可以获取或设置视频的当前播放时间，而`duration`属性则表示视频的总时长。 ```javascript var video = document.getElementById('myVideo'); console.log(video.currentTime); console.log...
jQuery MP4视频播放器代码.rar
06-11
通过监听`timeupdate`事件，我们可以获取到当前的播放时间，并更新进度条的宽度。同时，用户可以通过拖动进度条来改变播放位置，这需要监听`mousedown`、`mousemove`和`mouseup`事件来实现拖动逻辑。 总的来说，这...
基于HTML5实现手机网页视频播放器源码.zip
11-21
例如，`play()`和`pause()`用于播放和暂停视频，`currentTime`属性可以获取或设置视频当前的播放时间，`duration`属性则表示视频总时长。 5. 自定义控制栏： 除了使用HTML5的默认控制栏，开发者还可以自定义控制栏...
简洁的网页视频播放器素材源码.rar
07-10
例如，可以通过监听`volumechange`事件来响应用户调整音量的行为，并通过`volume`属性设置或获取当前音量。静音功能则可以通过设置`muted`属性实现，当该属性为`true`时，视频将被静音。 全屏显示功能通常是通过...
jquery实现的当前页面播放器切换效果下载
06-01
jquery实现的播放器 ，视频播放切换功能，如同优酷、某视频网站等的视频切换。 附带demo
C# 通过VLC获取视频文件的时间长度信息
04-10
调用vlc的dll，通过VLC的API来获取视频文件的时间长度信息，完整源代码，vs2008工程，可编译和测试通过。 需要注意的是使用的VLC 32位版本，C#工程必须设置生成32位软件。如果想用64位的，那么请使用64位的VLC版本的dll文件。
bootstrap-datetimepicker 获取时间
weixin_33709609的博客
09-22 1544
2019独角兽企业重金招聘Python工程师标准>>> ...
获取并设置HTML5 Video的当前进度
weixin_34303897的博客
03-21 3030
上周翻译了一篇文章: 如何获取HTML5视频的持续时间。很显然这是一门简单却很实用的技术, 但我认为还有一个更重要的知识点是控制视频的时间设置。在用HTML5技术处理视频时,设置(setting)和获取(getting)时间都是很有用的,那就让我们一起来看看如何达成这个 目标吧！ 在管理视频状态时，最重要的是要了解 currentTi...
在播放过程中如何取得到当前的播放时间
CodeMachine的专栏
05-10 1655
可以从VideoState->video_st->codec->reordered_opaque取到的时间戳，然后转换为时间就可以了。 VideoState->video_st->codec->reordered_opaque ＊ av_q2d(VideoState->video_st->time_base)
使用ffmpegAPI提取视频指定时间点图片
sanyue
12-20 3069
ffmpeg版本为3.4版本，因为ffmpeg一只在保持更新，有很多老版本中的API和新的版本不一样所以在此说明一下。环境是linux系统下。将yuv文件中指定时间点的图片帧提取出来并保存为jpg图片文件。#include <stdio.h> #include <stdlib.h> #include <string.h> #include <dirent.h> #include <unistd.h>
几种获取音视频播放时间长度的方法( shell32, WMP, ffmpeg )
热门推荐
Jaylon Wang的专栏
12-19 1万+
几种获取音视频播放时间长度的方法  ( shell32, WMP, ffmpeg ) 1.使用Windows系统组件Shell32.Shell 程序集路径：C:\WINDOWS\system32\shell32.dll 代码如下： string path="******"; Shell32.Shell　shell　=　new Shell32.ShellClass()
LLMs之RAG：GraphRAG(本质是名词Knowledge Graph/Microsoft微软发布)的简介、安装和使用方法、案例应用之详细攻略
最新发布
近期请国内外头部出版社可尽快私信博主！——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
07-12 857
LLMs之RAG：GraphRAG(Microsoft微软发布)的简介、安装和使用方法、案例应用之详细攻略 目录 GraphRAG(Microsoft微软发布)的简介 GraphRAG(Microsoft微软发布)的安装和使用方法 GraphRAG(Microsoft微软发布)的案例应用 GraphRAG(Microsoft微软发布)的简介 GraphRAG(Microsoft微软发布)的安装和使用方法 GraphRAG(Microsof
vue2 获取视频总时间以及播放时间
05-30
当视频的元数据加载完成后，loadedmetadata 事件会被触发，我们可以通过 $refs 属性来获取 video 元素，并使用 videoPlayer.duration 属性来获取视频的总时间，并将其打印到控制台上。每当视频播放时间发生变化时，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值