首页 > 其他 > 详细

【前台技术】-播放音频

时间:2016-07-01 20:08:47      阅读:258      评论:0      收藏:0      [点我收藏+]

背景:考试系统学生在线考试英语,进入考试页面之后播放英语听力。播放音频的控件用了一个div遮住,不让用户控制。

代码如下:

<style type="text/css">
    #cc
    {
        float:left;
        z-index:3;
        position:absolute;
        Opacity:0;
        margin-left:570px;
    }
</style>
   
    <div id="cc" style="background-color:red;width:310px;height:35px;"></div >
    <audio id="audio" controls=true autoplay=true controls = ‘controls‘ readonly=true>
           <source src="testEar/avatar/${MP3ID}"/>
    </audio>
    
 <script>
        audio = document.getElementById("audio");
        audio.addEventListener(ended, function () {  
            alert(听力播放结束,祝您取得好成绩!);
            audio.controls=false;
        }, true);
</script>

小技巧: 

     播放音频控件

    div悬浮在控件上,遮住控件

【前台技术】-播放音频

原文:http://www.cnblogs.com/yinweitao/p/5634125.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!