I'm attempting to simply pass the video link inside the json to the navigation menu... my brain is fried as I'm lost in why I can't do this view the navigation link protocol.
import SwiftUI
import AVKit
struct MainDetail: View {
var json: Main
private let player = AVPlayer(url: URL(string: item.interactive))
var body: some View {
VideoPlayer(player: player)
.onAppear() {
// Start the player going, otherwise controls don't appear
player.play()
}
.onDisappear() {
// Stop the player when the view disappears
player.pause()
}
}
}
this returns a "Cannot find 'item' in scope" despite being declared back on the main content view. the intended action is loading the "interactive" link (m3u8 file) in a player view when clicked on. I apologize for not understanding what's going on here.
Selecting any option will automatically load the page
Post
Replies
Boosts
Views
Activity
I've been watching various tutorials and have managed to come up with the following code:
import SwiftUI
import AVKit
struct ContentView: View {
@State private var wolData = [Main]()
var body: some View {
NavigationView{List(wolData, id: \.id) { item in
NavigationLink(destination: MainDetail(json: item)) {
HStack() {
Text(item.name)
.font(.headline)
Text(item.date)
.font(.footnote)
if #available(iOS 15.0, *) {
AsyncImage(url: URL(string: item.thumbnail))
{ image in
image
.resizable()
.scaledToFill()
} placeholder: {
Color.purple.opacity(0.1)
}
.frame(width: 20, height: 20)
} else {
// Fallback on earlier versions
}
}
}
}.onAppear(perform: loadData)}
}
}
extension ContentView
{
func loadData() {
guard let url = URL(string: "https://wolvideos.firebaseapp.com/Simple.json") else {
return
}
let request = URLRequest(url: url)
URLSession.shared.dataTask(with: request) { data, response, error in
if let data = data {
if let response_obj = try? JSONDecoder().decode([Main].self, from: data) {
DispatchQueue.main.async {
self.wolData = response_obj
}
}
}
}.resume()
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
import Foundation
struct Main: Decodable {
var id: Int
var name: String
var interactive: String
var thumbnail: String
var date: String
var videolink: String
var sharelink: String
}
import SwiftUI
import AVKit
struct MainDetail: View {
var json: Main
private let player = AVPlayer(url: URL(string: "https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8")!)
var body: some View {
VideoPlayer(player: player)
.onAppear() {
// Start the player going, otherwise controls don't appear
player.play()
}
.onDisappear() {
// Stop the player when the view disappears
player.pause()
}
}
}
Now that I've shared that, the intent is to when the user clicks an option load the corresponding video (from the json not the current test file) via HLS in a default player (like the one in safari)... should I be going about this in a different way? I'm starting to think committing to SwiftUI is a mistake.
This video session is essentially a consumer facing video, there isn't even a single line of code shown.
VideoPlayer(player: player)
doesn't give the shown "new features" by default, an example / implementation should be expected of a WWDC session.
I've followed several tutorials and nothing works or is remotely simple. can anyone perhaps link a json tutorial that can load the following in a "SWIFT UI" format?
{
"id": 182,
"name": "message 2048",
"interactive": "https://wolvideos.firebaseapp.com/Test1.mp4",
"thumbnail": "https://wolvideos.firebaseapp.com/back.jpg",
"date": "April 1",
"videolink": "https://player.vimeo.com/external/656370948.m3u8?s=e50ca2b440798886646ba88a07e9c46a90c9df11",
"sharelink": "https://youtu.be/n7YjxFCyDNQ"
},
{
"id": 180,
"name": "Title 4",
"interactive": "https://wolvideos.firebaseapp.com/Test2.mp4",
"thumbnail": "https://wolvideos.firebaseapp.com/back.jpg",
"date": "April 2",
"videolink": "https://player.vimeo.com/external/653500077.m3u8?s=96c687bef62bfd01ea195e4113e197ebd8d09143",
"sharelink": "https://youtu.be/n7YjxFCyDNQ"
},
{
"id": 172,
"name": "Titil 20203",
"interactive": "https://wolvideos.firebaseapp.com/Test1.mp4",
"thumbnail": "https://wolvideos.firebaseapp.com/back.jpg",
"date": "April 1",
"videolink": "https://player.vimeo.com/external/656370948.m3u8?s=e50ca2b440798886646ba88a07e9c46a90c9df11",
"sharelink": "https://youtu.be/n7YjxFCyDNQ"
},
{
"id": 171,
"name": "Title 20part2",
"interactive": "https://wolvideos.firebaseapp.com/Test2.mp4",
"thumbnail": "https://wolvideos.firebaseapp.com/back.jpg",
"date": "April 2",
"videolink": "https://player.vimeo.com/external/653500077.m3u8?s=96c687bef62bfd01ea195e4113e197ebd8d09143",
"sharelink": "https://youtu.be/n7YjxFCyDNQ"
},
{
"id": 170,
"name": "Title 2021",
"interactive": "https://wolvideos.firebaseapp.com/Test1.mp4",
"thumbnail": "https://wolvideos.firebaseapp.com/back.jpg",
"date": "April 1",
"videolink": "https://player.vimeo.com/external/656370948.m3u8?s=e50ca2b440798886646ba88a07e9c46a90c9df11",
"sharelink": "https://youtu.be/n7YjxFCyDNQ"
},
{
"id": 169,
"name": "Title 2020",
"interactive": "https://wolvideos.firebaseapp.com/Test2.mp4",
"thumbnail": "https://wolvideos.firebaseapp.com/back.jpg",
"date": "April 2",
"videolink": "https://player.vimeo.com/external/653500077.m3u8?s=96c687bef62bfd01ea195e4113e197ebd8d09143",
"sharelink": "https://youtu.be/n7YjxFCyDNQ"
}
]
https://wolvideos.firebaseapp.com/Simple.json
it's infuriating that it sometimes only takes 2 minuets and then takes hours on other devices. knowing how long it's going to take would actually give us information to make adjustments.
I'm. asking this one to see how many other developers would also like this feature, and to see if anyone knows of an add-on or such.
I'm using this documentation as my base https://developer.apple.com/tutorials/swiftui/building-lists-and-navigation
I'm failing to understand how I would simply adapt the app to load the json remotely
import Foundation
var landmarks: [Landmark] = load("landmarkData.json")
func load<T: Decodable>(_ filename: String) -> T {
let data: Data
guard let file = Bundle.main.url(forResource: filename, withExtension: nil)
else {
fatalError("Couldn't find \(filename) in main bundle.")
}
do {
data = try Data(contentsOf: file)
} catch {
fatalError("Couldn't load \(filename) from main
snippet from Model data.swift
the only example I've found is included below, however it's using an entirely different setup and does not use a detail view.
import SwiftUI
import Combine
struct ContentView: View {
@ObservedObject var fetcher = MovieFetcher()
var body: some View {
VStack {
List(fetcher.movies) { movie in
VStack (alignment: .leading) {
Text(movie.name)
Image(movie.thumbnail)
Text(movie.released)
.font(.system(size: 11))
.foregroundColor(Color.gray)
}
}
}
}
}
public class MovieFetcher: ObservableObject {
@Published var movies = [Movie]()
init(){
load()
}
func load() {
let url = URL(string: "https://wolvideos.web.app/videos.js")!
URLSession.shared.dataTask(with: url) {(data,response,error) in
do {
if let d = data {
let decodedLists = try JSONDecoder().decode([Movie].self, from: d)
DispatchQueue.main.async {
self.movies = decodedLists
}
}else {
print("No Data")
}
} catch {
print ("Error")
}
}.resume()
}
}
struct Movie: Codable, Identifiable {
public var id: Int
public var name: String
public var thumbnail: String
public var released: String
enum CodingKeys: String, CodingKey {
case id = "id"
case name = "name"
case thumbnail = "thumbnail"
case released = "description"
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
If possible can someone explain how and the best way to load a json file and then let the app format it into detail views?