AudioPlayerView is not being updated when the func checkIndex() is being triggered - ios

Question

My AudioPlayerView(audioSelected:, audioTitle:)
is not being updated when the func checkIndex() is being triggered.
I'm trying unsuccessfully to update the audio file when using the checkIndex() function.
Not finding a way to update the AudioPlayerView() accordingly. Everything else works and gets updated on each view.
Get a warning Result of 'AudioPlayerView' initializer is unused
Please have a look at my code. Much appreciate any help. I'm new to swift. I do have a zip of project on GitHub if need more information. Thank you.
AudioPlayerView(audioSelected: vm.animals[animalID -
1].audio, audioTitle: "")
Button {
checkIndex()
} label: {
HStack {
Image(systemName:
"arrowshape.turn.up.right")
if animalID == 5 {
Text("Go to \
(vm.animals[0].animalName)")
} else {
Text("Go to \
(vm.animals[animalID].animalName)")
}
}//HSTACK
}//LABEL
// MARK: - Function
func checkIndex() {
let numAnimals = vm.animals.count
if animalID == numAnimals {
animalID = 1
} else {
animalID += 1
}//ELSE
//if AudioPlayerView(audioSelected: "", audioTitle:
"").self == 1 {
//vm.animals[animalID - 1].audio += 1
//}
//if animalID == 1 {
//AudioPlayerView(audioSelected: vm.animals[animalID -
//2].audio, audioTitle: "")
//}
}//INDEX
//full code
import SwiftUI
import Foundation
struct DetailView: View {
// MARK: - Properties
#State var animalID: DataModel.ID
#ObservedObject var vm: DetailViewModel
// MARK: - Body
var body: some View {
ScrollView(.vertical, showsIndicators: false) {
VStack(alignment: .center, spacing: 10){
// View will be updated when #State changes
// In here, the view is just a Text but you can put more complex
views...
Image(vm.animals[animalID - 1].image)
.resizable()
.scaledToFit()
.cornerRadius(0)
Text(vm.animals[animalID - 1].animalName)
.font(.largeTitle)
.padding()
//AUDIO
AudioPlayerView(audioSelected: vm.animals[animalID -
1].audio, audioTitle: "")
//END AUDIO
Text(verbatim: vm.animals[animalID -
1].description)
.multilineTextAlignment(.leading)
.layoutPriority(1)
.padding()
Spacer()
Button {
checkIndex()
} label: {
HStack {
Image(systemName:
"arrowshape.turn.up.right")
if animalID == 5 {
Text("Go to \
(vm.animals[0].animalName)")
} else {
Text("Go to \
(vm.animals[animalID].animalName)")
}
}//HSTACK
}//LABEL
.padding(.all, 10)
.background(Color(.lightGray))
.clipShape(RoundedRectangle(cornerRadius: 20))
//Spacer()
}//VStack
}//SCROLL
}//VIEW
//}//END VIEW
// MARK: - Function
func checkIndex() {
let numAnimals = vm.animals.count
if animalID == numAnimals {
animalID = 1
} else {
animalID += 1
}//ELSE
//This is what I've tried but did not work
//if AudioPlayerView(audioSelected: "", audioTitle:
//"").self == 1 {
//vm.animals[animalID - 1].audio += 1
//}
Warning;Result of 'AudioPlayerView' initializer is unused
if animalID == 1 {
AudioPlayerView(audioSelected: vm.animals[animalID -
2].audio, audioTitle: "")
}
}//INDEX
}//ENDVIEW
struct AudioPlayerView: View {
//var AudioPLayer: String
var audioSelected: String
var audioTitle: String
//var audioPlayer: AVAudioPlayer?
#State var audioPlayer: AVAudioPlayer!
var body: some View {
VStack {
HStack {
Spacer()
Button(action: {
self.audioPlayer.play()
}) {
Image(systemName:
"play.circle.fill").resizable()
.frame(width: 50, height: 50)
.aspectRatio(contentMode: .fit)
.accentColor(/
*#START_MENU_TOKEN#*/.black/*#END_MENU_TOKEN#*/)
}
Spacer()
Button(action: {
self.audioPlayer.pause()
}) {
Image(systemName:
"pause.circle.fill").resizable()
.frame(width: 50, height: 50)
.aspectRatio(contentMode: .fit)
.accentColor(/
*#START_MENU_TOKEN#*/.black/*#END_MENU_TOKEN#*/)
}
Spacer()
}//HStack
}//VStack
.onAppear {
let url = Bundle.main.path(forResource: audioSelected,
ofType: "mp3")
self.audioPlayer = try! AVAudioPlayer(contentsOf:
URL(fileURLWithPath: url!))
}
}
//models
import SwiftUI
class DetailViewModel: ObservableObject {
#Published var animals: [DataModel] =
Bundle.main.decode("animals.json")
}
import Foundation
struct Audio: Codable, Identifiable {
let id: String
let name: String
let headline: String
//Computed Property
var thumbnail: String {
"audio-\(id)"
}
}