ios - 在 Swift 中的 ARImageAnchor 上播放 Youtube 视频

Question

我想在我的图像跟踪模块上播放 YouTube 视频就像跟踪图像然后在其上播放 YouTube 视频一样。

有人可以帮助我吗？

private func makeVideo(with url: URL, size: CGSize) -> SCNNode? {

   DispatchQueue.main.async {
      self.player.frame = CGRect(x: 0, y: 0, width: 650, height: 400)
      self.player.autoplay = true
      self.player.loadPlayer()
   }

    // 4
    let avMaterial = SCNMaterial()
    avMaterial.diffuse.contents = player

    // 5
    let videoPlane = SCNPlane(width: size.width, height: size.height)
    videoPlane.materials = [avMaterial]

    // 6
    let videoNode = SCNNode(geometry: videoPlane)
    videoNode.eulerAngles.x = -.pi / 2
    return videoNode
}

import YoutubeKit

let player = YTSwiftyPlayer(playerVars: [.videoID("GJQsT-h0FTU")])

我尝试了这个，但图像显示黑屏，但正在播放音频

Answer 1

这可能不能完全解决您的问题，但我希望它能在某些方面帮助您

因此，除了图像检测之外，您还可以做的就是显示 UIWebView

'UIWebView' was deprecated in iOS 12.0: No longer supported; please adopt WKWebView.

尽管 Xcode 会警告您类似上面的消息，但 WKWebView 不会显示任何内容，因此您需要坚持使用 WebView，直到他们解决问题

因此，假设您已经弄清楚了图像检测部分，并且能够定位节点并将其放置在检测到的图像上，您可以实现以下功能:

func displayWebSite(on rootNode: SCNNode, horizontalOffset: CGFloat) {
        DispatchQueue.main.async {

            // Open YouTube
            let request = URLRequest(url: URL(string: "https://youtu.be/7ehEPsrw1X8")!)

            // Define the size
            let webView = UIWebView(frame: CGRect(x: 0, y: 0, width: 650, height: 900))
            webView.loadRequest(request)

            // Set size
            let webViewPlane = SCNPlane(width: horizontalOffset, height: horizontalOffset * 1.45)
            webViewPlane.cornerRadius = 0.025

            // Define geometry
            let webViewNode = SCNNode(geometry: webViewPlane)
            // Set the WebView as a material to the plane
            webViewNode.geometry?.firstMaterial?.diffuse.contents = webView
            webViewNode.opacity = 0

            // Put a little in front to avoid merger with detected image
            webViewNode.position.z += 0.04

            // Add the node
            rootNode.addChildNode(webViewNode)
        }
    }

作为引用，您可以查看我的 projects 之一查看该函数如何在项目中工作