[微信小程序]音频 audio API的src如何结合列表渲染 [你这是怎么了？]
[微信小程序]音频 audio API的src如何结合列表渲染 [你这是怎么了？]
音频API 想结合列表渲染。
本来使用的是旧audio组件，src结合列表渲染很方便
这是原来的代码：
WXML：
<view wx:for="{{wlist}}" wx:key="id">
<view class="wordcontainer">
<view class="vert">
<text><text style="font-family:'Mongolian Baiti'; font-size:100rpx;-webkit-text-orientation: sideways-right;">{{item.word}}</text> n <text style="font-size: 35rpx;text-orientation:upright;-webkit-text-orientation: upright;">{{item.fayin}}</text>
</text>
</view>
</view>
<view class="wordcontainer">{{item.ch}}</view>
<view style="display: flex; align-items: center; justify-content: center;">
<audio name="{{item.ch}}" src="{{item.src}}" id="{{item.id}}audio" author="满语音频范例" controls></audio>
</view>
<text>nn</text>
</view>
|
JS data部分：
wlist:[ {
id:1,
word: 'ᡳ',
fayin: 'ｉ',
ch: '的',
src: 'https://manaudio-1258616785.cos.ap-chengdu.myqcloud.com/1%E7%9A%84.mp3'
},
{
id:2,
word: 'ᡥᠣᠵᠣ ᠨᠠ?',
fayin: 'Hojo na?',
ch: '最近怎么样？',
src: 'https://manaudio-1258616785.cos.ap-chengdu.myqcloud.com/1%E7%9A%84.mp3'
}
|
渲染出来的效果：
现在的问题是audio不再维护，在iOS上根本用不了。请问如何用新的API实现一样的功能呢？新人对API不是很熟悉，感觉文档写的不是很详细，api好像又是写在js里面的，如何列表渲染src参数呢？谢谢！