聯(lián)系官方銷售客服
1835022288
028-61286886
投訴
已解決 集成audio音頻播放器，無法切換播放列表
5 0
以下代碼為網(wǎng)上找的播放器，我把它集成到頁面，安裝手機和網(wǎng)頁可以正常切換播放，蘋果不能點文字切換播放，可能因為點文字，想把點文字改成點一個圖標(biāo)，請問怎么改。
<div class="bottom">
<div class="bottom-left">
<img src="{dr_avatar($uid)}" alt="">
</div>
<div class="bottom-middle">
<span class="name">名稱:{$title}</span>
<span class="singer">目錄:{$index.title}</span>
<audio id="audio" src="http://music.163.com/song/media/outer/url?id=3985834.mp3" controls></audio></div>
</div>
</div>
<script>
var url = document.getElementsByClassName('url')
var li = document.querySelectorAll('.song')
var audio = document.getElementById('audio')
var pict = document.getElementsByTagName('img')
var span1 = document.querySelector('.name')
var span2 = document.querySelector('.singer')
for (let i = 0; i < li.length; i++) {
li[i].addEventListener('click', function(e) {
console.log(e.path[1].children[2].outerText)
audio.src = e.path[1].children[2].outerText
audio.play();
pict[1].src = arr[i].songPic
span1[xss_clean] = arr[i].name
span2[xss_clean] = arr[i].singer
})
}應(yīng)該就是標(biāo)紅那段，有大哥嗎？如果有愿意的幫個忙，我集成下來可以分享出來
回復(fù)@小波工作室
你也是咱們的高手，我是不太懂。
for (let i = 0; i < li.length; i++) { li[i].addEventListener('click', function(e) { console.log(e.path[1].children[2].outerText) audio.src = e.path[1].children[2].outerText audio.play(); pict[1].src = arr[i].songPic span1[xss_clean] = arr[i].name span2[xss_clean] = arr[i].singer })就是這段里提及到了點擊和text所以是不是這段控制的，怎么改
回復(fù)@小波工作室 我大致給弄出來切換了，但我api不會，<?php這種不是很會寫
{module module=news field=id,uid,user,title,thumb,description,catid,url,updatetime,hits,comments order=updatetime}
這樣的標(biāo)簽怎么轉(zhuǎn)成php的，因為想這么放
{module module=news field=id,uid,user,title,thumb,description,catid,url,updatetime,hits,comments order=updatetime}
{
id: "436514312", // ID
name: "{$title}", // 名字
artist: "{php $user=dr_member_info($uid);}{$user.name}", // 名字
album: "{$index.title}", // 名字
source: "netease", // 來源
url_id: "436514312", // ID
pic_id: "2946691234868155", // ID
lyric_id: "436514312", // ID
pic: "{dr_thumb($t.thumb, 230, 230)}", // 圖片
url: "{dr_get_file($neirong)}" // 鏈接
}
{/module}
因為在這個邏輯里是有大括號的，所以這樣是不是不行
嘗試api
{module module=news field=id,uid,user,title,thumb,description,catid,url,updatetime,hits,comments order=updatetime}
{php $api[$key]=[];}
{php $api[$key]['id']=$t['id'];}
{php $api[$key]['title']=$t['title'];}
{php $api[$key]['user']=$t['user'];}這個不顯示，想顯示中文名
{php $api[$key]['cid']=$t['cid'];}這個也不顯示，想顯示中文主題名
{php $api[$key]['neirong']=dr_get_file($t['neirong']);}這個也不顯示，想顯示上傳的文件地址
{php $api[$key]['thumb']=dr_thumb($t['thumb'], 200,200);}
{/module}