用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

1

主题

2

帖子

24

积分

攻城狮

Rank: 2

积分
24
2019-2-7 23:05:09 wBoby40 攻城狮 楼主 0132
音频API 想结合列表渲染。现在的问题是audio不再维护,在iOS上根本用不了。请问如何用新的API实现一样的功能呢?新人对API不是很熟悉,感觉文档写的不是很详细,api好像又是写在js里面的,如何列表渲染src参数呢?谢谢!

本来使用的是旧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>\n\n</text>
</view>
JS data部分:
wlist:[
  {
    id:1,
    word: 'ᡳ',
    fayin: 'i',
    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'
  }

渲染出来的效果:
{BD44F0A1-E909-495C-B3C8-02F86E100A86}.png.jpg

现在的问题是audio不再维护,在iOS上根本用不了。请问如何用新的API实现一样的功能呢?新人对API不是很熟悉,感觉文档写的不是很详细,api好像又是写在js里面的,如何列表渲染src参数呢?谢谢!

发新帖
您需要登录后才可以回帖 登录 | 立即注册