Circle Story (iOS)

Use CircleStoryViewController

class ViewController: UIViewController {
    func embedCircleStoryInViewController() {
        let channelID = "<Encoded Channel ID>"
        let playlistID = "<Encoded Playlist ID>"
        let source = VideoFeedContentSource.channelPlaylist(
            channelID: channelID,
            playlistID: playlistID
        )

        let circleStoryVC = CircleStoryViewController(source: source)
        circleStoryVC.isPictureInPictureEnabled = true

        self.addChild(circleStoryVC)
        circleStoryVC.view.translatesAutoresizingMaskIntoConstraints = false
        self.view.addSubview(circleStoryVC.view)
        NSLayoutConstraint.activate([
          circleStoryVC.view.leadingAnchor.constraint(equalTo: self.view.leadingAnchor),
          circleStoryVC.view.trailingAnchor.constraint(equalTo: self.view.trailingAnchor),
          circleStoryVC.view.heightAnchor.constraint(equalToConstant: feedHeight),
          circleStoryVC.view.centerYAnchor.constraint(equalTo: self.view.centerYAnchor)
        ])
        circleStoryVC.didMove(toParent: self)
      }
}

Use CircleStoryView

import UIKit
import FireworkVideo

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        self.addVideoFeedView()
    }

    func addVideoFeedView() {
        let channelID = "<Encoded Channel ID>"
        let playlistID = "<Encoded Playlist ID>"
        let source = VideoFeedContentSource.channelPlaylist(
            channelID: channelID,
            playlistID: playlistID
        )
        let circleStoryView = CircleStoryView(source: source)
        circleStoryView.isPictureInPictureEnabled = true

        circleStoryView.translatesAutoresizingMaskIntoConstraints = false
        self.view.addSubview(circleStoryView)

        NSLayoutConstraint.activate([
            circleStoryView.leadingAnchor.constraint(equalTo: self.view.leadingAnchor),
            circleStoryView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor),
            circleStoryView.heightAnchor.constraint(equalToConstant: 240),
            circleStoryView.centerYAnchor.constraint(equalTo: self.view.centerYAnchor)
        ])
    }
}

Use CircleStorySwiftUIView

import SwiftUI
import FireworkVideo

let channelID = "<Encoded Channel ID>"
let playlistID = "<Encoded Playlist ID>"

struct ContentView: View {
    var body: some View {
        List {
            Spacer()
            CircleStorySwiftUIView(
                source: .channelPlaylist(channelID: channelID, playlistID: playlistID),
                isPictureInPictureEnabled: true,
                onCircleStoryLoaded: {
                    debugPrint("Circle story loaded successfully.")
                },
                onCircleStoryFailedToLoad: { error in
                    debugPrint("Circle story did fail loading.")
                }
            ).frame(height: 240)
            Spacer()
        }
    }
}