Integrating the InStream API

InStream API is an advanced API for setting up and managing the way InStream ads are loaded and played. It lets you support playing any type of ad break and use your own player implementation. InStream ads consist of ad breaks that can be played automatically or manually.

Pre-roll, Mid-roll, and Post-roll ad breaks are played automatically using the InstreamAdBinder API. To play ad breaks manually, use the InstreamAdBreak API.

Note

You can also use the InstreamAdBinder API and InstreamAdBreak API concurrently if you:

  1. Use different instances of the ad player.
  2. Don't start the InstreamAdBreak API for playing ads if the main video was paused using the InStreamAdBinder API.
  3. From InstreamAd, use only InstreamAdBreakType.inroll or InstreamAdBreakType.pauseroll breaks for the InstreamAdBreak API — other break types will be rendered by InstreamAdBinder automatically.

App requirements

  • Use Xcode 16.4 or higher.

How it works

A loaded InStream ad object contains a schedule for playing ad breaks. Each ad break is described by an InstreamAdBreak object. An ad break may have one of the following types: Pre / Mid / Post / In / Pause-Roll. You can play Pre / Mid / Post-Roll ad breaks using the InstreamAdBinder API. To play ad breaks manually, including In-roll and Pause-roll, use the InstreamAdBreak API.

The VideoPlayer protocol is used to interact with the main video content. To play an ad break inside an ad placement, use the InstreamAdPlayer protocol.

InstreamAdBinder tracks the progress of playing the main video and automatically shows ad breaks based on their schedule from a video resource in the Yandex Advertising Network interface.

InstreamAdBinder does not directly control the rendering of a video ad in PlayerView. Video ads must be played on the app side based on signals from player interfaces transmitted to InstreamAdBinder. InstreamAdBinder signals the start of playing an ad break by calling VideoPlayer.pauseVideo() and the end by calling VideoPlayer.resumeVideo().

When calling VideoPlayer.pauseVideo() on the app side, it's necessary to hide the main video controls, pause the main video, and start playing the video ad. On the ad SDK side, after calling the method, advertising controls are displayed inside the InstreamAdView container and the InstreamAdPlayer.playAd() method is called to start playing the video ad.

When calling VideoPlayer.resumeVideo() on the app side, it's necessary to return the main video controls and resume playing the main video. On the ad SDK side, ad controls inside the InstreamAdView container are removed before calling the method.

The InstreamAdBreak API doesn't directly control the rendering of a video ad in PlayerView. Video ads must be played on the app side based on signals from player interfaces transmitted to InstreamAdBreak. InstreamAdBreak signals the start of playing an ad break by calling InstreamAdBreakDelegate.instreamAdBreakDidStart() and the end by calling InstreamAdBreakDelegate.instreamAdBreakDidComplete() or InstreamAdBreakDelegate.instreamAdBreakDidError().

When calling InstreamAdBreakDelegate.instreamAdBreakDidStart() on the app side, it's necessary to hide the main video controls and pause the main video. On the ad SDK side, after calling the method, advertising controls are displayed inside the InstreamAdView container and the InstreamAdPlayer.playAd() method is called to start playing the video ad.

When calling InstreamAdBreakDelegate.instreamAdBreakDidComplete() or InstreamAdBreakDelegate.instreamAdBreakDidError() on the app side, it's necessary to return the main video controls and resume playing the main video. On the ad SDK side, ad controls are removed from the InstreamAdView container before calling the methods.

Loading ads

  1. Create an instance of the InstreamAdLoader class to get InStream ads.

  2. Create a configuration using the InstreamAdRequestConfiguration class. Pass the Page ID from the Yandex Advertising Network interface as a request parameter.

  3. Load ads using the loadInstreamAd(configuration:completion:) method.

To test the integration, use the demo Page ID: demo-instream-vmap-yandex.

let adLoader = InstreamAdLoader()
let configuration = InstreamAdRequestConfiguration(pageID: PAGE_ID)
do {
    let ad = try await adLoader.loadInstreamAd(configuration: configuration)
    // Use the loaded InstreamAd object
} catch {
    // Loading error
}
let adLoader = InstreamAdLoader()
let configuration = InstreamAdRequestConfiguration(pageID: PAGE_ID)
adLoader.loadInstreamAd(configuration: configuration) { result in
    switch result {
    case .success(let ad):
        // Use the loaded InstreamAd object
        break
    case .failure(let info):
        // Loading error: info.reason
        break
    }
}

Rendering ads

  1. Implement the InstreamAdPlayer and VideoPlayer interfaces.

    The reference provides detailed information about the methods and their implementation. Additionally, see a test implementation example.

    Tip

    To make implementation easier, we recommend using different instances of players to play video ads and content.

  2. Add InstreamAdView to the View hierarchy of the app. InstreamAdView must contain PlayerView to play video ads in.

    Warning

    A container must be at least 300dp x 160dp in size.

  3. Create an InstreamAdBinder object: pass the loaded InstreamAd object and the InstreamAdPlayer and VideoPlayer implementations to the builder.

    Set up notifications about the ad's progress (ready to play the video ad, the video ad played or failed to play): set a delegate that conforms to the InstreamAdBinderDelegate protocol.

    adBinder = InstreamAdBinder(ad: ad, adPlayer: adPlayer, videoPlayer:
    contentPlayer)
    adBinder.delegate = self
    
  4. To start playing a Pre-roll ad break faster, preload it in advance by calling the InstreamAdBinder.prepareAd() method.

    func preparePrerollAd(adBinder: InstreamAdBinder) {
        adBinder.delegate = self
        adBinder.prepareAd()
    }
    
    extension InstreamViewController: InstreamAdBinderDelegate {
        func instreamAdBinder(_ binder: InstreamAdBinder, didPrepare instreamAd: InstreamAd) {
            addInstreamAdBinderToPreloadedAdQueue(binder)
        }
        //...
    
    }
    
  5. Call the InstreamAdBinder.bind(with adView: InstreamAdView) method for the created InstreamAdBinder object. Pass InstreamAdView, which was previously added to the hierarchy, as a parameter. After that, the InStream SDK starts to automatically track the progress of playing the main video and manage the way video ads are played.

    adBinder.bind(with: instreamAdView)
    
  6. When playing InStream ads in the list, use the InStreamBinder.unbind() method when the cell with the ad is invalidated in the list. To implement a reused pool of players for scrolling, call InstreamAdbinder.invalidateAdPlayer() when reusing the ad player linked to InstreamAdBinder and InstreamAdBinder.invalidateVideoPlayer() when reusing the main content player.

  7. When you stop using InStreamAdBinder, reset the state.

    deinit {
        adBinder.unbind()
        adBinder.invalidateVideoPlayer()
        adBinder.invalidateAdPlayer()
    }
    

Note

Setting up any ad break type works the same way as In-roll. When filtering ad breaks, replace InstreamAdBreakType.inroll with the desired type, for example InstreamAdBreakType.pauseroll.

  1. Implement the InstreamAdPlayer interface.

    The reference provides detailed information about the methods and their implementation. Additionally, see a test implementation example.

    Tip

    To make implementation easier, we recommend using different instances of players to play video ads and content.

  2. Add InstreamAdView to the View hierarchy of the app. InstreamAdView must contain PlayerView to play video ads in.

    Warning

    A container must be at least 300dp x 160dp in size.

  3. Use the InstreamAdLoader to load the InstreamAd object using the Page ID from the Yandex Advertising Network interface.

  4. The InstreamAd object contains all ad breaks of different types in its adBreaks property. To get In-roll ad breaks, filter the array by InstreamAdBreakType.inroll. Ad breaks are returned in the intended display order.

    adLoader.loadInstreamAd(configuration: configuration) { result in
        if case .success(let ad) = result {
            inrollQueue = ad.adBreaks.filter { $0.adBreakData.type == InstreamAdBreakType.inroll }
        }
    }
    
  5. To launch a In-roll ad break, you need to prepare it. Unprepared In-roll video ads won't start. To track readiness, set the InstreamAdBreakDelegate, call InstreamAdBreak.prepare(with: adPlayer), and pass an instance of the InstreamAdPlayer implementation to it.

    private func prepareNextAd() {
        guard !inrollQueue.isEmpty else { return }
        currentAdBreak = inrollQueue.removeFirst()
        currentAdBreak?.delegate = self
        currentAdBreak?.prepare(with: adPlayer)
    }
    
  6. Once the In-roll video ad is prepared, InstreamAdBreakDelegate.instreamAdBreakDidPrepare() is called. The prepared In-roll video ad is ready to play.

    Tip

    Play video ads in the order they're received from adBreaks. Playing them in a different order may lower your app's monetization.

  7. To play the prepared ad break, call InstreamAdBreak.play(with: adView) and pass InstreamAdView, which was previously added to the View hierarchy, as a parameter.

    func instreamAdBreakDidPrepare(_ adBreak: InstreamAdBreak) {
        currentAdBreak?.play(with: instreamAdView)
    }
    
  8. After the ad break starts playing, the InstreamAdBreakDelegate.instreamAdBreakDidStart() method is called. After calling this method, pause the main video and hide its controls.

    func instreamAdBreakDidStart(_ adBreak: InstreamAdBreak) {
        contentVideoPlayer?.pauseVideo()
    }
    
  9. Once the ad break is played, resume playing the main video. A video ad may play successfully or fail. Both situations need to be handled.

    func instreamAdBreakDidComplete(_ adBreak: InstreamAdBreak) {
        handleAdBreakCompleted()
    }
    func instreamAdBreakDidError(_ adBreak: InstreamAdBreak) {
        handleAdBreakCompleted()
    }
    private func handleAdBreakCompleted() {
        currentAdBreak = nil
        contentVideoPlayer?.resumeVideo()
    }
    
  10. After the current ad break finishes playing, prepare the next one from the queue.

    private func prepareNextAd() {
        guard !inrollQueue.isEmpty else { return }
        currentAdBreak = inrollQueue.removeFirst()
        currentAdBreak?.delegate = self
        currentAdBreak?.prepare(with: adPlayer)
    }
    
  11. When you stop using an In-roll video ad, reset its state.

    deinit {
        currentAdBreak?.invalidate()
    }