如何在Swift中实现JWPlayerTVKit SDK时保持进程运行

bjp0bcyl  于 2023-04-04  发布在  Swift
关注(0)|答案(1)|浏览(87)

我是Swift和移动的开发的新手。我正在为tvOS编写一个React Native应用程序,我需要在Swift中实现JWPlayerTVKit SDK,因为react-native-jw-media-player不支持tvOS,我已经构建了它的react原生iOS版本。
我已经设法有视频播放,但感觉像处理播放器的过程停止,而视频继续播放.基本上,播放器应该有控制(播放,暂停,时间滚动,等.)这不会出现和事件jwplayerIsReady不被解雇.
我假设与视频播放器交互的线程在配置播放器后添加20秒延迟时死亡。在20秒内播放器控件可见,播放器事件按预期响应。20秒后,视频继续播放,有声音,但控件不可用。
下面是我的代码:
bridging-header.h

#import "React/RCTBridgeModule.h"
#import "React/RCTViewManager.h"

JWPlayerViewManager.m

#import "React/RCTViewManager.h"
@interface RCT_EXTERN_MODULE(JWPlayerViewManager, RCTViewManager)
@end

JWPlayerViewManager.swift

import Foundation
import React

@objc(JWPlayerViewManager)
class JWPlayerViewManager: RCTViewManager {
  override func view() -> UIView! {
      let viewController = JWPlayerViewController()
      let containerView = UIViewController()
      containerView.addChild(viewController)
      containerView.view.addSubview(viewController.view)
      return viewController.view
  }
  
  override static func requiresMainQueueSetup() -> Bool {
    return true
  }
}

JWPlayerViewController.swift

import UIKit
import JWPlayerTVKit

class JWPlayerViewController: JWCinematicViewController {
  override func viewDidLoad() {
    super.viewDidLoad()
    do {
      JWPlayerKitLicense.setLicenseKey("123123123");
    
      // Last, configure the player
      player.configurePlayer(with: try setUpPlayer())

      // I have managed to see the controls and the ready, visible events to fire after I have added this piece of code
      // note: without self.player.play() the controls and the events do not work either
      DispatchQueue.main.asyncAfter(deadline: .now() + 20) {
        self.player.play()
        print("play")
      }
    } catch {
        // Handle builder failure
        print(error)
    }
  }
  
  /**
   Set up the player with a simple configuration.
   */
  private func setUpPlayer() throws -> JWPlayerConfiguration {
          let videoSource1 = try JWVideoSourceBuilder()
            .file(URL(string:"https://cdn.jwplayer.com/videos/123.mp4")!)
            .label("270p")
            .defaultVideo(false)
            .build()
          
          let videoSource2 = try JWVideoSourceBuilder()
            .file(URL(string:"https://cdn.jwplayer.com/videos/456.mp4")!)
            .label("720p")
            .defaultVideo(true)
            .build()
          
          let mediaTrack = try JWCaptionTrackBuilder()
            .file(URL(string:"https://cdn.jwplayer.com/tracks/123.srt")!)
            .label("eng")
            .defaultTrack(true)
            .build()
          
          // First, build a player item with the stream URL
          let item = try JWPlayerItemBuilder()
              .title("My Title")
              .description("My description.")
              .videoSources([videoSource1, videoSource2])
              .mediaTracks([mediaTrack])
              .build()

          // Second, build a player configuration using the player item
          return try JWPlayerConfigurationBuilder()
              .playlist([item])
              .autostart(false)
              .build()
    }
  
  override func controlBarVisibilityChanged(isVisible: Bool) {
    print("control bar")
    print((isVisible) ? "visible" : "not visible")
  }
  
  override func jwplayer(_ player: JWPlayer, isVisible: Bool) {
      print("isVisible")
  }
  
  // Player is ready
  override func jwplayerIsReady(_ player: JWPlayer) {
      super.jwplayerIsReady(player)
    print("player is ready")
  }

App.tsx

import { Dimensions, requireNativeComponent, View } from 'react-native';

const JWPlayerView = requireNativeComponent('JWPlayerView', null);

const App = () => {
  return (
    <View style={{ flex: 1 }}>
      <JWPlayerView
        style={{
          flex: 1,
          backgroundColor: '#ff0000',
          height: Dimensions.get('window').width,
        }}
      />
    </View>
  );
};

export default App;

我是一个有网络开发背景的人,所以我可能误解了一些原则,非常感谢你的帮助!

jdzmm42g

jdzmm42g1#

有几件事引起了我的注意。
首先,我不知道如何(或在哪里)使用JWPlayerViewController.swift。在App.tsx中,我只看到JWPlayerView的使用。为了能够进行更多的调试,我需要了解视图控制器是如何呈现的。
第二件引起我注意的事情是视图控制器包含:

override func view() -> UIView! {
      let viewController = JWPlayerViewController()
      let containerView = UIViewController()
      containerView.addChild(viewController)
      containerView.view.addSubview(viewController.view)
      return viewController.view
}

在上面的方法中,您添加viewController作为containerView的子视图控制器。在Apple world中,我们称之为“视图控制器包含”。这可能会也可能不会解决您的问题,但这是您在Apple world中正确执行视图控制器包含的方法:

override func view() -> UIView! {
      let playerViewController = JWPlayerViewController()
      let containerViewController = UIViewController()
      containerViewController.addChild(playerViewController)
      playerViewController.view.frame = containerViewController.frame
      containerView.view.addSubview(playerViewController.view)
      playerViewController.didMove(toParent: containerV)
      return playerViewController.view
}

我将containerView重命名为containerViewController,这样我们就不会将其误解为一个视图。我想知道将playerViewController放在容器视图中的目的是什么?
第三件事:我建议总是在JWPlayerViewController.swift中覆盖的方法中调用super方法。
请让我知道是否有任何建议解决了您的问题,如果没有-我们可以进一步研究这一点。

相关问题