<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>lasthtml</title>
<style>
</style>
<script type="text/javascript" src="jquery-180minjs"></script>
<script type="text/javascript">
jQuery (function ($)
{
$ (':button')click (function ()
{
var duration = $ ('video')prop ('duration');
$ ('video')prop ('currentTime', duration 50 / 100);
});
});
</script>
</head>
<body>
<video src="mp4_1flv" autoplay="autoplay" controls="controls"></video>
<input type="button" value="change" />
</body>
</html>
在JS中获取video标签,并监听它的loadeddata事件。
loadeddata是指当媒体当前播放位置的帧完成加载时触发该事件,通常是第一帧。
在监听 loadeddata 中指定事件触发时执行的函数,我们的实现截取第一帧就在这里面编写。
首先定义创建一个 canvas 标签;其次指定 canvas 标签的宽高;最后调用canvas元素中的getContext方法。
elevideoaddEventListener('loadedmetadata', function () {
//加载数据 //视频的总长度 consolelog(elevideoduration);
})
elevideoaddEventListener('play', function () {
//播放开始执行的函数 consolelog("开始播放");
})
elevideoaddEventListener('playing', function () {
//播放中 consolelog("播放中");
})
elevideoaddEventListener('waiting', function () {
//加载 consolelog("加载中");
})
elevideoaddEventListener('pause', function () {
//暂停开始执行的函数 consolelog("暂停播放");
})
elevideoaddEventListener('ended', function(){
//结束 consolelog("播放结束");
}, false)
可以通过 Nativejs 实现,通过设置 androidintentextradurationLimit 来限定录像时间。
<button id="btn" type="button" class="mui-btn mui-btn-blue mui-btn-block">按钮</button><script type="text/javascript">
documentquerySelector('#btn')addEventListener('click',function () {
// 调用原生android摄像头
var VIDEOZOOM = 200;
var MediaStore = plusandroidimportClass("androidproviderMediaStore");
var Intent = plusandroidimportClass("androidcontentIntent");
// 导入后可以使用new方法创建类的示例对象
var intent = new Intent("androidmediaactionVIDEO_CAPTURE");
intentputExtra("androidintentextravideoQuality", 1);//0 means low quality, 1 means high quality
//intentputExtra("androidproviderMediaStoreEXTRA_OUTPUT", url);
intentputExtra("androidintentextradurationLimit", 3);//设置录像时间
var main = plusandroidruntimeMainActivity();
mainstartActivityForResult(intent,VIDEOZOOM);
//获取返回参数
mainonActivityResult = function(requestCode, resultCode, data) {
var context = main;
plusandroidimportClass(data);
var uri = datagetData();
var resolver = contextgetContentResolver();
plusandroidimportClass(resolver);
var cursor = resolverquery(uri, null, null, null, null);
plusandroidimportClass(cursor);
cursormoveToFirst();
var column = cursorgetColumnIndexOrThrow(MediaStoreVideoMediaDATA);
// 获取录制的视频路径
var filePath = cursorgetString(column);
// 解析视频文件的属性
plusioresolveLocalFileSystemURL(filePath,function(entry) {
entryfile(function(file){
consolelog("size=="+filesize);
consolelog("name=="+filename);
});
}, function (e) {
consolelog("Resolve file URL failed: " + emessage);
});
};
})</script>
以上就是关于求教js大神 我在用videojs时 在myplay.currentTime = $("#videoStart").val()前加个alert可以续播不加则全部的内容,包括:求教js大神 我在用videojs时 在myplay.currentTime = $("#videoStart").val()前加个alert可以续播不加则、Js 视频停留指定帧、JS video视频标签的相关 *** 作等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)