JavaScript前端开发实用技术教程第9章.ppt

playvideo()函数 script type=text/javascript function supports_video(){ return !!document.createElement(video).canPlayType; } function playvideo(){ if(supports_video()){ var media = document.getElementById(video1); if (media.paused) { media.play(); } else { media.pause(); } } } /script 6．video对象的事件 事 件 具 体 描 述 canplay 当浏览器可以播放音频/视频时 loadeddata 当浏览器已加载视频的当前帧时 loadstart 开始申请数据 progress 正在申请数据 suspend 延迟下载 play 播放时触发 pause 暂停时触发 ended 播放结束 volumechange 改变音量 waiting 当视频由于需要缓冲下一帧而停止 【例9-17】 video id=video1 src=/lab/inc/BigBuckBunny.mp4 controls 您的浏览器不支持video标签。 /video video id=video2 src=/lab/inc/BigBuckBunny.ogv controls 您的浏览器不支持video标签。 /video script type=text/javascript function register() { var media1 = document.getElementById(video1); ? media1.addEventListener(play, pauseVideo2, true); media1.addEventListener(pause, playVideo2, true); } 接上 function pauseVideo2(){ var media2 = document.getElementById(video2); media2.pause(); } function playVideo2(){ var media2 = document.getElementById(video2); media2.play(); } window.addEventListener(load, register, true); /script 9.4 获取浏览器的地理位置信息 9.4.1 什么是浏览器地理位置 9.4.2 浏览器对获取地理位置信息的支持情况 9.4.3 获取地理位置信息 9.4.4 数据保护 4．检测浏览器是否支持audio标签 可以通过window.HTMLAudioElement属性判断浏览器是否支持audio标签。如果window.HTMLAudioElement等于true，则表示浏览器支持audio标签，否则 表示不支持。 【例9-7】 在网页中定义一个按钮，单击此按钮时，会检测浏览器是否支持audio标签。定义按钮的代码如下： button id=check onclick=check();检测浏览器是否支持audio标签/button 单击按钮check将调用check()函数。check()函数的定义代码如下： script type=text/javascript function check(){ if(window.HTMLAudioElement){ alert(您的浏览器支持 audio 标签。); } else{ alert(您的浏览器不支持 audio 标签。); } } /script 5．在JavaScript程序中获得audio对象 （1）使用new关键字创建audio对象，例如： media = new Audio(music.wav); （2）首先在HTML网页中定义一个Audio标签，然后调用document.getElementById()函数获取对应的audio对象。例如定义Audio标签的代码如下： audio id = audio1 src=music.wav autoplay loop 您的浏览器不支持 audio 标签。 /audio 获取对应audio对象的代码如下： var media = document.get