JS获得视频的播放时长

admin 轻心小站 关注 LV.19 运营
发表于JS技术学习版块 教程

<input style= display: none; type= file id= input /> <script> var durati

<input style="display: none;" type="file" id="input" />
<script>
var duration; // 时长
// 触发上传表单
function openuploads(_this) {
    $("#input").off("change").change(function(){
    var formdata = new FormData();
    var file = $("#input")[0].files[0];
    // load
    $.thinkmimi({Content : '视频上传中,请勿刷新页面', Type:2, Align:'right', OutTime:3000});
    var index = layer.load(1, {
        shade: [0.1,'#000']
    });
    // 获得时长
    changeFile(file);
    // 视频上传
    formdata.append('file', file);
      $.ajax({
          url : "{:url('upload_play')}",
          type : 'post',
          data:formdata,
          cache:false,
          processData:false,
          contentType:false,
          success : function (data) {
            layer.close(index);
            var array = eval('('+data+')');
            if (array['code'] == '01') {
                $.thinkmimi({Content : array['msg'], Type:2, Align:'right', OutTime:2000});
            } else {
                $(_this).parent().parent().find('.video_url').val(array['data']);
                $(_this).parent().parent().find('.video_duration').val(duration);
                $.thinkmimi({Content : array['msg'], Type:1, Align:'right', OutTime:2000});
            }
          }
      });
  });
}
// 获得时长
function changeFile(content) {
    var url = URL.createObjectURL(content);//获取录音时长
    var audioElement = new Audio(url);//audio也可获取视频的时长
    audioElement.addEventListener("loadedmetadata", function (_event) {
        duration = parseInt(audioElement.duration);
    });
}

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: JS获得视频的播放时长

粉丝

0

关注

0

收藏

0

已有0次打赏