HTML5Audio/Video全解(Media JS事件)

   eventTester = function(e){  

        Media.addEventListener(e,function(){  

            console.log((newDate()).getTime(),e);  

        });  

   }  

  

   eventTester("loadstart");   //客户端开始请求数据  

   eventTester("progress");    //客户端正在请求数据  

   eventTester("suspend");     //延迟下载  

   eventTester("abort");       //客户端主动终止下载(不是因为错误引起)  

   eventTester("error");       //请求数据时遇到错误  

   eventTester("stalled");     //网速失速  

   eventTester("play");        //play()和autoplay开始播放时触发  

   eventTester("pause");       //pause()触发  

   eventTester("loadedmetadata");  //成功获取资源长度  

   eventTester("loadeddata");  //  

   eventTester("waiting");     //等待数据,并非错误    

   eventTester("playing");     //开始回放  

   eventTester("canplay");     //可以播放,但中途可能因为加载而暂停  

   eventTester("canplaythrough"); //可以播放,歌曲全部加载完毕  

   eventTester("seeking");     //寻找中  

   eventTester("seeked");      //寻找完毕  

   eventTester("timeupdate");  //播放时间改变  

   eventTester("ended");       //播放结束   

   eventTester("ratechange");  //播放速率改变  

   eventTester("durationchange");  //资源长度改变

   eventTester("volumechange");    //音量改变

时间: 2024-12-17 16:38:56

HTML5Audio/Video全解(Media JS事件)的相关文章

HTML5Audio/Video全解(Media对象方法和属性)

获取HTMLVideoElement和HTMLAudioElement对象 //audio可以直接通过new创建对象 Media = new Audio("http://www.abc.com/test.mp3"); //audio和video都可以通过标签获取对象 Media = document.getElementById("media"); Media方法和属性——HTMLVideoElement 和 HTMLAudioElement 均继承自 HTMLMe

HTML5Audio/Video全解(标签解读)

标签属性 <</span>audio id="media" src="http://www.abc.com/test.mp3" controls></</span>audio> src:音乐的URL (source标签在src属性不存在时使用) preload:预加载(none.metadata.auto.如果不使用此属性,默认为auto.) autoplay:自动播放 loop:循环播放 controls:浏览器自带

HTML5Audio/Video全解(浏览器对音视频格式支持说明)

Audio Firefox:支持 Ogg Vorbis和WAV Opera :支持Ogg Vorbis和WAV Safari :支持MP3,AAC格式 ,和MP4 Chrome :支持Ogg Vorbis,MP3,WAV,AAC和MP4 Internet Explorer 9+ :支持MP3,AAC格式 ,和MP4 IOS :支持MP3,AAC格式 ,和MP4 Android :支持AAC和MP3 为了最大程度支持所有上面提到的浏览器,建议开发者使用Ogg Vorbis和MP3这两种格式例如.

【js事件详解】js事件封装函数,js跨浏览器事件处理机制

一.事件流 事件流描述的是从页面中接受事件的顺序.IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流1.事件冒泡事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档).2.事件捕获事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件. 相关知识链接:js的事件冒泡和事件捕获 二.事件处理程序 1.HTML事件处理程序2.DOM0级事件处理程序3.DOM2级事件处理程序 DOM2级事件定义了两个方法

Video.js事件

Home 膘叔 » Archives 文章: 备份一个video的JS [打印] 分类: Javascript 作者: gouki 2012-02-16 17:58 备份一个JS,不是为了代码很优秀,而是...想直接用里面的事件,就当成参考了: JavaScript代码 var media_events=new Array(); // was extracted from the spec in November 2011 media_events["loadstart"]=0; me

js事件监听器用法实例详解

本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体分析如下: 1.当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法.而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行.如下: window.onload = function(){  var btn = document.getElementById("yuanEvent");  btn.onclick = fun

js事件监听器用法实例详解-注册与注销监听封装

本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体分析如下: 1.当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法.而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行.如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 window.onload = function(){   var btn = document.getElementById("yuanEv

202 移动端常用开发插件:fastclick ,Swiper ,lsuperslide,iscroll,zy.media.js

1.5.1 什么是插件 移动端要求的是快速开发,所以我们经常会借助于一些插件来帮我完成操作,那么什么是插件呢? JS 插件:是 js 文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用.如轮播图和瀑布流插件. 特点:它一般是为了解决某个问题而专门存在,其功能单一,并且比较小. 我们以前写的animate.js 也算一个最简单的插件 fastclick 插件解决 300ms 延迟. GitHub官网地址: https://github.com/ftlabs/fastclick 1.

UITextField 全解

IOS-UITextField-全解 //初始化textfield并设置位置及大小 UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)]; //设置边框样式,只有设置了才会显示边框样式 text.borderStyle = UITextBorderStyleRoundedRect; typedef enum { UITextBorderStyleNone, UITextBorderSt