JavaScript面向对象音频播放器不工作

我正在用JavaScript构建一个面向对象的音频播放器。这是我目前的代码：

var audio1=新Audiohttp://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a，音频/mpeg； 函数Audiosrc，类型{ //创建audioElement this.audioElement=document.createElementaudio； this.audioElement.setAttributesrc，src； this.audioElement.setAttributetype，类型； document.getElementByIdmain.appendChildthis.audioElement； //创建音频控件 this.audioControls=document.createElementdiv； this.audioControls.setAttributeclass，播放按钮； document.getElementByIdmain.appendChildthis.audioControls； 这是假的； this.audioControls.onclick=函数{ 如果这是在玩{ 这是暂停； }否则{ 这个游戏； } } 这个游戏=功能{ 这个.audioElement.play； 这是真的； this.audioControls.setAttributeclass，暂停按钮； }; 这个.暂停=功能{ 这个.audioElement.pause； 这是假的； this.audioControls.setAttributeclass，播放按钮； }; } @字体{ 字体系列：图标； src:urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1; src:urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1iefix 格式化嵌入式opentype，urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1 formattruetype，urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1 沃夫，urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg？v=2.0.1图标格式svg； 字体大小：正常； 字体风格：普通； } .按钮{ 字体系列：图标； 字体大小：48px； } .播放：之前{ 内容：'\f488' } .暂停：在{ 内容：'\f478' } 事件处理程序此上下文指触发事件的元素

您可以通过使用classic var=this构造来修复此问题

var audio1=新Audiohttp://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a，音频/mpeg； 函数Audiosrc，类型{ //创建audioElement this.audioElement=document.createElementaudio； this.audioElement.setAttributesrc，src； this.audioElement.setAttributetype，类型； document.getElementByIdmain.appendChildthis.audioElement； //创建音频控件 this.audioControls=document.createElementdiv； this.audioControls.setAttributeclass，播放按钮； document.getElementByIdmain.appendChildthis.audioControls； 这是假的； var=这个； this.audioControls.onclick=函数{ 如果那样的话，那就玩吧{ 暂停； }否则{ 那就是玩； } } 这个游戏=功能{ 这个.audioElement.play； 这是真的； this.audioControls.setAttributeclass，暂停按钮； }; 这个.暂停=功能{ 这个.audioElement.pause； 这是假的； this.audioControls.setAttributeclass，播放按钮； }; } @字体{ 字体系列：图标； src:urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1; src:urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1iefix 格式化嵌入式opentype，urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1 formattruetype，urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1 沃夫，urlhttp://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg？v=2.0.1图标格式svg； 字体大小：正常； 字体风格：普通； } .按钮{ 字体系列：图标； 字体大小：48px； } .播放：之前{ 内容：'\f488' } .暂停：在{ 内容：'\f478' } 音频已经是由浏览器实现的已定义JavaScript对象。我会考虑为你们班使用一个不同的名字。