Hi,
I'm trying to make a list of buttons (and names) to play a sound for each item in the list. When I press a button, all buttons change the image from play to pause instead only the one playing the sound. please help.
import SwiftUI
import MapKit
import AVFoundation
struct LocationDetailView: View {
@EnvironmentObject private var vm: LocationsViewModel
@State var song1 = false
@State var soundManager = SoundManager()
let location: Location
var body: some View {
VStack {
audioList
}
}
}
extension LocationDetailView {
private var audioList: some View {
VStack{
let array = location.soundFiles.sorted { $0.key < $1.key }
List{
ForEach(array, id: \.key) { (key: String, value: String) in
HStack{
Text(key)
.font(.subheadline)
.foregroundColor(.secondary)
Spacer()
Button(action: {
soundManager.playSound(sound: value)
song1.toggle()
if song1{
soundManager.audioPlayer?.play()
} else {
soundManager.audioPlayer?.pause()
}
}) {
Image(systemName: song1 ? "pause.circle.fill" : "play.circle.fill")
.resizable()
.scaledToFill()
.frame(width: 25, height: 25)
.cornerRadius(10)
}
}
}
}
}
}
}
class SoundManager : ObservableObject {
var audioPlayer: AVPlayer?
func playSound(sound: String){
if let url = URL(string: sound) {
self.audioPlayer = AVPlayer(url: url)
}
}
}
struct LocationDetailView_Previews: PreviewProvider {
static var previews: some View {
LocationDetailView(location: LocationsDataService.locations.first!)
.environmentObject(LocationsViewModel())
}
}
povpainter
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution
Post
Replies
Boosts
Views
Activity
Hi, I have the following code. How can I reset the button to "play" when the file stopped playing? Thank you for your help.
import SwiftUI
import AVFoundation
struct ContentView: View {
@StateObject private var soundManager = SoundManager()
@State var song1 = false
@State var buttonImage: Image = (Image(systemName: "play.circle.fill"))
var body: some View {
VStack {
Button(action: {
soundManager.playSound("https://freetestdata.com/wp-content/uploads/2021/09/Free_Test_Data_100KB_MP3.mp3")
song1.toggle()
if song1 {
soundManager.audioPlayer?.play()
updateButtonImage(image: "pause.circle.fill")
} else {
soundManager.audioPlayer?.pause()
updateButtonImage(image: "play.circle.fill")
}
}) {
buttonImage
.resizable()
.frame(width: 50, height: 50)
}
}
}
private func updateButtonImage(image: String) {
buttonImage = Image(systemName: image)
}
}
class SoundManager : ObservableObject {
var audioPlayer: AVPlayer?
func playSound(_ sound: String){
if let url = URL(string: sound) {
self.audioPlayer = AVPlayer(url: url)
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}