我是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;
我是一个有网络开发背景的人,所以我可能误解了一些原则,非常感谢你的帮助!
1条答案
按热度按时间jdzmm42g1#
有几件事引起了我的注意。
首先,我不知道如何(或在哪里)使用
JWPlayerViewController.swift
。在App.tsx
中,我只看到JWPlayerView
的使用。为了能够进行更多的调试,我需要了解视图控制器是如何呈现的。第二件引起我注意的事情是视图控制器包含:
在上面的方法中,您添加
viewController
作为containerView
的子视图控制器。在Apple world中,我们称之为“视图控制器包含”。这可能会也可能不会解决您的问题,但这是您在Apple world中正确执行视图控制器包含的方法:我将
containerView
重命名为containerViewController
,这样我们就不会将其误解为一个视图。我想知道将playerViewController
放在容器视图中的目的是什么?第三件事:我建议总是在
JWPlayerViewController.swift
中覆盖的方法中调用super
方法。请让我知道是否有任何建议解决了您的问题,如果没有-我们可以进一步研究这一点。