音频播放完毕后 SwiftUI 更新按钮标签以更新定时器

Question

我正在使用 SwiftUI 构建一个播放器。它工作正常，我播放和暂停音频，更改幻灯片值，音频正在更改音频位置。

我在音频结束时遇到问题，按钮没有用播放图标更新其标签，而是保留在暂停图标中。

游玩中:

最后我想这样：

struct BubbleAudio: View {

let text: String
var unzipPath: URL

@State private var playValue: TimeInterval = 0.0
@State private var isPlaying: Bool = false

@State private var playerDuration: TimeInterval = 120

@State private var timer = Timer.publish(every: 0.1, on: .main, in: .common).autoconnect()

var body: some View {
    VStack {
        Text(playValue.stringFromTimeInterval())
        .font(.system(size: 11, weight: .light))
        .offset(y: +10)
        .onReceive(timer) { _ in
            if self.isPlaying {
                if let currentTime = Sounds.audioPlayer?.currentTime {
                    self.playValue = currentTime
                }
            }
            else {
                self.isPlaying = false
                self.timer.upstream.connect().cancel()
            }
        }
        HStack {
            Button(action: {
                if self.isPlaying {
                    self.isPlaying.toggle()
                    Sounds.audioPlayer?.pause()
                }
                else {
                    self.timer = Timer.publish(every: 0.1, on: .main, in: .common).autoconnect()
                    if Sounds.playWAAudio(text: self.text, unzipPath: self.unzipPath) {                           
                        self.isPlaying.toggle()
                    }
                }
            }, label: {
                  if isPlaying {
                    Image(systemName: "pause")
                    .font(Font.system(.title).bold())
                  }
                  else {
                    Image(systemName: "play.fill")
                    .font(Font.system(.title).bold())
                  }
            })
            .frame(width: 35)
            .fixedSize()
            Slider(value: $playValue, in: TimeInterval(0.0)...playerDuration, onEditingChanged: { _ in
                self.changeSliderValue()
            })
            .frame(width: 200, height: 10, alignment: Alignment.center)
            Text(playerDuration.stringFromTimeInterval())
            .font(.system(size: 11, weight: .light))
        }
    }
    .onAppear() {
        self.playerDuration = Sounds.getDuration(text: self.text, unzipPath: self.unzipPath)
        print(self.playerDuration)
    }
}

func changeSliderValue() {
    Sounds.audioPlayer?.currentTime = playValue
}
}

Answer 1

它就在这里，在.onReceive(timer) {

if let currentTime = Sounds.audioPlayer?.currentTime {
    self.playValue = currentTime
    // reset playValue, so reset isPlaying if needed
    if currentTime == TimeInterval(0.0) { // only explicitly
       self.isPlaying = false 
    }
}

音频播放完毕后 SwiftUI 更新按钮标签以更新定时器

SwiftUI update Button label after audio is finished to play with timer updating

iphone

avaudioplayer

ios

swift

swiftui