JS代码如何调用audio标签方法音频？

zjw1005

？？？？

zjw1005

我在源码里增加了这个标签<audio loop controls preload="preload"><source src="sucai/3.mp3"type="audio/mpeg" sucai=""></audio>， JS里应该怎么把它调用？

liangyongfei

zjw1005 发表于 2017-5-8 14:54
我在源码里增加了这个标签， JS里应该怎么把它调用？

这个你上网搜下吧！
http://blog.csdn.net/kaikai4/article/details/51776581

在x5中获取dom原生的方式请使用 this.getElementByXid('audioXid')
其他代码调用都是一样的！

zjw1005

liangyongfei 发表于 2017-5-8 15:08
这个你上网搜下吧！
http://blog.csdn.net/kaikai4/article/details/51776581

嗯，就是知道了原生的HTML的代码，在wex5不能使用， 都没有关于这个的使用方法和案例？

liangyongfei

zjw1005 发表于 2017-5-8 16:54
嗯，就是知道了原生的HTML的代码，在wex5不能使用， 都没有关于这个的使用方法和案例？ ...

本地测试没问题
w源码

1.         <audio xid="bgMusic">
   
2.                     <source src="music.mp3" type="audio/mp3"></source>
   
3.         </audio>

复制代码

js

1. Model.prototype.button3Click = function(event){
   
2.                 var audio = this.getElementByXid("bgMusic");
   
3.                 //播放(继续播放)
   
4.                 audio.play();
   
5.         };

复制代码

点击事件就能播放声音的！

zjw1005

liangyongfei 发表于 2017-5-8 17:07
本地测试没问题
w源码

谢谢。不过，这个就扎心了，老铁。 我本地测试，添加了按钮进来，把这两段代码放进去，UIServer错误，页面读不出的。

liangyongfei

zjw1005 发表于 2017-5-9 10:50
谢谢。不过，这个就扎心了，老铁。 我本地测试，添加了按钮进来，把这两段代码放进去，UIServer错误，页 ...

你放在哪儿了？？
可以先页面添加一个 空的div 然后将 第一个代码片段赋值到div中！
放一个按钮，按钮点击事件 放第二行代码！

本地测试正常的啊！

zjw1005

liangyongfei 发表于 2017-5-9 11:41
你放在哪儿了？？
可以先页面添加一个 空的div 然后将 第一个代码片段赋值到div中！
放一个按钮，按钮点 ...

<a component="$UI/system/components/justep/button/button" class="btn btn-default" label="button" xid="button1" onClick="button3Click">
   <i xid="i1"></i>
   <span xid="span1"></span>
   
   <audio xid="bgMusic">
                    <source src="music.mp3" type="audio/mp3"></source>
        </audio>
   
   </a>


这样还需要添加什么吗，因为确实没学过这个，就是单纯想弄个页面可以播放音乐就行。

liangyongfei

zjw1005 发表于 2017-5-9 13:01
这样还需要添加什么吗，因为确实没学过这个 ...

你把 audio  代码放在 a标签里面了！
a 标签本来是一个button 组件！你放里面干嘛？？组件的dom结构都被破坏了！怎么用？？

建议你先再设计器上拖一个div下来，然后将这段代码放在div中间，这样肯定就不会出错了！

zjw1005

liangyongfei 发表于 2017-5-9 13:08
你把 audio  代码放在 a标签里面了！
a 标签本来是一个button 组件！你放里面干嘛？？组件的dom结构都被 ...

<a component="$UI/system/components/justep/button/button" class="btn btn-default" label="播放" xid="button1" onClick="button3Click">
   <i xid="i1"></i>
   <span xid="span1"></span>
  </a>
   
<div xid="div1">
<audio xid="bgMusic">
                    <source src="app/src/music.mp3" type="audio/mp3"></source>
        </audio>

</div>

点击按钮没有实现播放音乐？？  因为不会代码，做这个有点懵逼。