微信小程序：利用搜狗API实现听写单词小程序

DJ7410

已于 2022-05-15 13:33:16 修改

阅读量1.3k

点赞数 3

文章标签：微信小程序前端 javascript

于 2022-05-13 20:50:09 首次发布

本文链接：https://blog.csdn.net/qq_53207279/article/details/124759622

版权

微信小程序：利用搜狗API实现听写单词小程序

wxml
<view>
    <input bindconfirm="addword" confirm-type="AddWord" 	focus="{{focus}}" 	hold-keyboard="true" confirm-hold="true" type="text" bindinput="inputdata" placeholder="输入单词的汉语" value="{{value}}"/>
    <button bindtap="addword">添加</button>
    <button bindtap="detele">删除上一条</button>
    <button bindtap="randomread">随机听写</button>
    <button bindtap="againread">再次听写</button>
    <view style="display: flex;width: 100%;height: auto;flex-wrap: wrap;">
        <view wx:for="{{wordlist}}" style="margin: 40rpx;">{{item}},</view>
    </view>
</view>

js
const myaudio = wx.createInnerAudioContext()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    wordlist:[],
    wordlist1:[],
    value:"",
    random:Number,
    focus:true
  },
  confirmTap(e){
    console.log(e);
  },
  inputdata(e){
    console.log(e);
    this.setData({
        value:e.detail.value
    })
  },
  addword(){
    var wordlist = this.data.wordlist
    wordlist.push(this.data.value)
    this.setData({
        wordlist:wordlist,
        value:"",
        focus:true
    })
    wx.setStorageSync('wordlist', wordlist)
  },
//   删除
  detele(){
    let wordlist = this.data.wordlist;
    wordlist.length = wordlist.length-1
    this.setData({
        wordlist:wordlist,
    })
    wx.setStorageSync('wordlist', wordlist)
  },
  againread(){
    this.randomread()
  },
  randomread(){
      wx.showToast({
        title: '开始听写',
      })
    var timer;
    let that = this;
    let wordlist = that.data.wordlist;
    timer = setInterval(function a(params) {
        for (let i = 0; i < wordlist.length; i++) {
                var num=Math.floor(Math.random()* wordlist.length+0);
                myaudio.src = `https://fanyi.sogou.com/reventondc/synthesis?text=${wordlist[num]}&speed=1&lang=zh-CHS&from=translateweb&speaker=6`
                console.log(wordlist[num]);
                myaudio.play()
                wordlist.splice(num,1)
                console.log(wordlist);
                return;
        }
        if (wordlist.length == 0) {
            clearInterval(timer);
            wx.showToast({
              title: '听写完毕！',
              icon:"success"
            })
        }
    },5000)
    that.setData({
        wordlist:wx.getStorageSync('wordlist')
    })
  },
  onLoad(){
      var that = this
      if (wx.getStorageSync('wordlist')) {
        that.setData({
            wordlist: wx.getStorageSync('wordlist')
        })
      }else{
       
      }
  }
})

效果图：
在这里插入图片描述