小弟初学WeX5，请问各位html中写的JS应该怎么在.W中应用

yck194 · 发表于 2018-11-3 13:29:52

本帖最后由 yck194 于 2018-11-3 13:32 编辑

<script type = "text/javascript">
document.addEventListener('DOMContentLoaded', function () {
function audioAutoPlay() {
      var audio = document.getElementById('audio');
      audio.play();
      document.addEventListener("WeixinJSBridgeReady", function () {
         audio.play();
      }, false);
}
audioAutoPlay();
});
</script>
<body>
<audio id='audio' src='./src/植松伸夫 - Dragonsong.mp3' autoplay loop controls>
</audio>
</body>
这是在HTML中写的，iphone端的微信可以正常自动播放音乐，
然后我新建.w文件，在其中源码中添加如下
<audio id="audio" autoplay="true" >
      <source src="./src/植松伸夫 - Dragonsong.mp3"> </source>
      </audio>
并将上面的JS代码加入到.W文件对应的JS中，可是在iphone端微信不能自动播放了，请问应该怎么做？

liangyongfei · 发表于 2018-11-5 09:41:14

用法一样，可以参考案例
http://docs.wex5.com/wex5-app-question-list-2078/

在x5中不建议使用id属性，应该使用xid ，获取dom原生的方法，this.getElementByXid

yck194 · 发表于 2018-11-5 10:17:09

liangyongfei 发表于 2018-11-5 09:41
用法一样，可以参考案例
http://docs.wex5.com/wex5-app-question-list-2078/

这个是需要click事件的吧，我希望是进页面自动播放

liangyongfei · 发表于 2018-11-5 10:19:18

yck194 发表于 2018-11-5 10:17
这个是需要click事件的吧，我希望是进页面自动播放

那你可以在onLoad 事件中执行播放的代码！

yck194 · 发表于 2018-11-5 10:32:16

本帖最后由 yck194 于 2018-11-5 10:34 编辑

liangyongfei 发表于 2018-11-5 10:19
那你可以在onLoad 事件中执行播放的代码！

liangyongfei · 发表于 2018-11-5 10:38:04

yck194 发表于 2018-11-5 10:32
var me = this；
Model.prototype.modelLoad = function(event) {
me.addEventListener('DO ...

你下载执行一下文档中的案例，把点击事件中的代码放在 onLoad 事件中就可以了！
onLoad 中直接写audio.play(); 就可以的！

yck194 · 发表于 2018-11-5 11:10:23

liangyongfei 发表于 2018-11-5 10:38
你下载执行一下文档中的案例，把点击事件中的代码放在 onLoad 事件中就可以了！
onLoad 中直接写audio.p ...

那个案例好像不能运行啊

liangyongfei · 发表于 2018-11-5 11:19:00

yck194 发表于 2018-11-5 11:10
那个案例好像不能运行啊

本地测试，点击这个按钮，手机访问页面，是可以播放仿音乐的啊！
我是指下载里面的demo
http://docs.wex5.com/wp-content/uploads/2017/05/audio.rar

yck194 · 发表于 2018-11-5 11:43:08

liangyongfei 发表于 2018-11-5 11:19
本地测试，点击这个按钮，手机访问页面，是可以播放仿音乐的啊！
我是指下载里面的demo
http://docs.wex5 ...

Model.prototype.modelLoad = function(event) {
var me = this;
document.addEventListener("deviceready", onDeviceReady, false);
// 加载完成
function onDeviceReady() {
me.comp("audioBtn").set({disabled: false});
me.comp("playBtn").set({disabled: false});

if(localStorage.getItem(me.STORE_ID) != "")
me.comp("fileData").loadData(JSON.parse(localStorage.getItem(me.STORE_ID)));
}
var audio = this.getElementByXid("bgMusic");
//播放(继续播放)
audio.play();
};
您的意思是改成这样吧？我在网页端和安卓端都是可以直接播放的，iphone端仍然不行

liangyongfei · 发表于 2018-11-5 11:51:39

yck194 发表于 2018-11-5 11:43
Model.prototype.modelLoad = function(event) {
var me = this;
document.addEventListener("device ...

这个应该是它自己的问题，网上也有解决方案，看下
http://docs.wex5.com/wex5-app-question-list-2085/

		自动登录	找回密码
密码			注册

[处理中3] 小弟初学WeX5，请问各位html中写的JS应该怎么在.W中应用