播放多个音视频文件

onended 事件

当音频播放结束后执行 JavaScript:<audio onended="myFunction()">

onended 事件在视频/音频(audio/video)播放结束时触发。

  • HTML 中:<element onended="myScript">
  • JavaScript 中:object.onended=function(){myScript};
  • JavaScript 中, 使用 addEventListener() 方法:object.addEventListener("ended", myScript);

举例:

<audio onended="if(audios[i]){this.setAttribute(‘src‘,audios[i]);i++;}else{alert(‘放完了‘);}" src="music/123.mp3" autoplay controls></audio>
<script type="text/javascript">
var audios=["music/薛之谦-演员.mp3","music/MC天佑-一人我饮酒醉.mp3"],i=0;
</script>

  

参考:http://www.runoob.com/jsref/event-onended.html

时间: 2024-08-01 10:46:34

播放多个音视频文件的相关文章

FFmpeg命令行工具和批处理脚本进行简单的音视频文件编辑

FFmpeg_Tutorial FFmpeg工具和sdk库的使用demo 一.使用FFmpeg命令行工具和批处理脚本进行简单的音视频文件编辑 1.基本介绍 对于每一个从事音视频技术开发的工程师,想必没有一个人对FFmpeg这个名称感到陌生.FFmpeg是一套非常知名的音视频处理的开源工具,它包含了开发完成的工具软件.封装好的函数库以及源代码供我们按需使用.FFmpeg提供了非常强大的功能,可以完成音视频的编码.解码.转码.视频采集.后处理(抓图.水印.封装/解封装.格式转换等),还有流媒体服务等

Android 打开/播放电脑的音频/视频文件

今天早上一到办公室,照常打开博客园看文章,看到有一片文章是用  http://www.cnblogs.com/wdfrog/p/3738180.html 看到这哥们实现的方法好复杂,又是配置电脑端,又是配置手机端,还又是转码啥的,倒腾时间长不说,而且还很麻烦,这里介绍下我是如何用手机直接播放电脑上的文件的. 之所以播放电脑上的文件,主要原因是视频文件都很大,清晰度高的一部电影都1GB左右了,对于手机来说,虽然能够装得下,但是看完就得删了,没法长时间储存在手机上, 来回往手机上拷视频文件,就这文件

音视频文件分析工具

一个mp4文件分析工具 http://blog.chinaunix.net/uid-11857489-id-2814505.html http://www.cnblogs.com/aHuner/p/3629709.html 1.视频源下载 MPEG-2 Transport Stream Test Patterns and Tools:http://www.w6rz.net/HEVC/H.265, AVC/H.264, MPEG-4, MPEG-2 video:http://www.elecard

CentOS 6.4 播放avi格式的视频文件

1. 需要先进行相关的yum源的导入: rpm -Uhv http://apt.sw.be/redhat/el6/en/x86_64/rpmforge/RPMS/rpmforge-release-0.5.2-2.el6.rf.x86_64.rpm 2.安装相关软件可能需要的依赖关系,可能有错误,不用理它:   yum install libgcc gcc gcc-c++ libstdc++ libstdc++-develcompat-glibc compat-libstdc++-33 libev

网络摄像机IPCamera RTSP直播播放网络/权限/音视频数据/花屏问题检测与分析助手EasyRTSPClient

前言 最近在项目中遇到一个奇怪的问题,同样的SDK调用,访问海康摄像机的RTSP流,发保活OPTIONS命令保活,一个正常,而另一个一发就会被IPC断开,先看现场截图: 图1:发OPTIONS,摄像机立马断流 图2:但在另一个程序中发OPTIONS保活包又不断流 在大部分的摄像机上,都没什么问题,单单在海康的这一款摄像机中出现了这种问题,不仔细对比命令行中的输出,根本无法确定问题点,图2中的OPTIONS报文中携带了Authorization的头字段,将认证信息都带入了进来,而图1中只是简单将用

如何下载高清晰度音视频文件(youtube-dl 相关tips)

在油管下载的1080p以上的视频,一般是视频文件和音频文件分开的. 1.获得指定链接中的视频格式 youtube-dl --list-formats [url] 比如:youtube-dl --list-formats  https://www.youtube.com/watch?v=OAxsrhmWztA&t=2s 2.按format code下载指定的质量的视频 youtube-dl -f [format code] [url]  注:一般最好的格式是137 比如:youtube-dl -f

jave 获取音视频文件的大小、以及播放时长

首先引入jave-1.0.2.jar, 写了个demo 仅供参考 package com.readVideo.test; public class VideoName { private int id; private String name; private String time; private String size; private String leaf; private String url; private String brief; private int VIDEO_DETA

[Swift通天遁地]八、媒体与动画-(2)实现视频文件的播放和画中画

本文将演示使用AVPlayerViewController播放视频并实现画中画. 往项目中导入了一个视频文件. 在左侧的项目导航区,打开视图控制器的代码文件[ViewController.swift] 1 import UIKit 2 //在当前的类文件中, 3 //引入需要用到的相关类库 4 import AVFoundation 5 import AVKit 6 7 class ViewController: UIViewController, AVPlayerViewControllerD

html音视频标签

音视频标签是html5标签,分别为<audio></audio>和<video></video>,这两个标签用法大致相同,且都仅在IE9及以上版本和其他浏览器中使用,在ie8及以下版本不支持. 用法示例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <video widt