Hinzufügen einer Video-Hintergrund -, iOS-app signup wie Instagram und Vine

Habe ich eine app geschaffen, die Lasten von bis und hat einen Login /Signup-Seite, etc. unter Verwendung der swift. Derzeit habe ich ein Bild als hintergrund, möchte aber hinzufügen von code, so gibt es ein gif /mov Abspielen im hintergrund, wie apps wie vine oder instagram.

Wie kann ich die Integration der video-in mit meinem aktuellen code? Ich bin auch sehr neu in diesem, so wurden folgende tutorials. Auch wenn jemand weiß wie ich das entfernen kann der parse-logo, wäre das auch hilfreich.

Das video scheint aber vor dem UI auf meinem storyboard! Wie kann ich Sie erhalten, zu erscheinen vor dem hintergrund GIF?

Unten ist mein code, den ich derzeit habe für meine Sign In view-controller.

import UIKit
import Foundation

class SignInViewController: UIViewController, UITextFieldDelegate {

@IBOutlet weak var userName: UITextField!
@IBOutlet weak var password: UITextField!

@IBOutlet weak var errorLabel: UILabel!

override func viewDidLoad() {

       super.viewDidLoad()

    let filePath = NSBundle.mainBundle().pathForResource("beachwater", ofType: "gif")
    let gif = NSData(contentsOfFile: filePath!)

    let webViewBG = UIWebView(frame: self.view.frame)
    webViewBG.loadData(gif!, MIMEType: "image/gif", textEncodingName: "UTF-8", baseURL: NSURL(string: "")!)
    webViewBG.userInteractionEnabled = false;
    self.view.addSubview(webViewBG)


    userName.delegate = self
    password.delegate = self
}


@IBAction func signInTouched(sender: UIButton) {

    let signin = SignIn(user: userName.text!, pass: password.text!)

    do {
        try signin.signInUser()
        self.dismissViewControllerAnimated(true, completion: nil)


    } catch let error as Error {
        errorLabel.text = error.description
    } catch {
        errorLabel.text = "Sorry something went\n wrong please try again"
    }

}

override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
    self.view.endEditing(true)

}

}

Fügen Sie einfach ein webview in den hintergrund und gif in Ihrem Projekt, das Sie öffnen in Ihrem webview.

InformationsquelleAutor Robert S | 2015-10-01

Dem folgenden code können Sie ein video hinzufügen hintergrund für Ihre view-controller.

Es ist geschrieben in Swift und spielt mp4 video-Dateien.

import AVFoundation

class VideoBackgroundController: UIViewController {
    var avPlayer: AVPlayer!
    var avPlayerLayer: AVPlayerLayer!
    var paused: Bool = false

    override func viewDidLoad() {

        let theURL = NSBundle.mainBundle().URLForResource("my_video_file", withExtension: "mp4")

        avPlayer = AVPlayer(URL: theURL!)
        avPlayerLayer = AVPlayerLayer(player: avPlayer)
        avPlayerLayer.videoGravity = AVLayerVideoGravityResizeAspectFill
        avPlayer.volume = 0
        avPlayer.actionAtItemEnd = AVPlayerActionAtItemEnd.None

        avPlayerLayer.frame = view.layer.bounds
        view.backgroundColor = UIColor.clearColor();
        view.layer.insertSublayer(avPlayerLayer, atIndex: 0)

        NSNotificationCenter.defaultCenter().addObserver(self,
            selector: "playerItemDidReachEnd:",
            name: AVPlayerItemDidPlayToEndTimeNotification,
            object: avPlayer.currentItem)
    }

    func playerItemDidReachEnd(notification: NSNotification) {
        let p: AVPlayerItem = notification.object as! AVPlayerItem
        p.seekToTime(kCMTimeZero)
    }

    override func viewDidAppear(animated: Bool) {
        super.viewDidDisappear(animated)
        avPlayer.play()
        paused = false
    }

    override func viewDidDisappear(animated: Bool) {
        super.viewDidDisappear(animated)
        avPlayer.pause()
        paused = true
    }
}

Für Swift 3.

import AVFoundation

class VideoBackgroundController: UIViewController {
    var avPlayer: AVPlayer!
    var avPlayerLayer: AVPlayerLayer!
    var paused: Bool = false

    override func viewDidLoad() {

        let theURL = Bundle.main.url(forResource:"my_video_file", withExtension: "mp4")

        avPlayer = AVPlayer(url: theURL!)
        avPlayerLayer = AVPlayerLayer(player: avPlayer)
        avPlayerLayer.videoGravity = AVLayerVideoGravityResizeAspectFill
        avPlayer.volume = 0
        avPlayer.actionAtItemEnd = .none

        avPlayerLayer.frame = view.layer.bounds
        view.backgroundColor = .clear
        view.layer.insertSublayer(avPlayerLayer, at: 0)

        NotificationCenter.default.addObserver(self,
                                           selector: #selector(playerItemDidReachEnd(notification:)),
                                           name: NSNotification.Name.AVPlayerItemDidPlayToEndTime,
                                           object: avPlayer.currentItem)
    }

    func playerItemDidReachEnd(notification: Notification) {
        let p: AVPlayerItem = notification.object as! AVPlayerItem
        p.seek(to: kCMTimeZero)
    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        avPlayer.play()
        paused = false
    }

    override func viewDidDisappear(_ animated: Bool) {
        super.viewDidDisappear(animated)
        avPlayer.pause()
        paused = true
    }
}

Funktioniert Super. Frage. Hast du irgendwelche Probleme bekommen, es zu laden, sofort? Mine derzeit nur erscheint nach ein paar Sekunden
Wie kann ich fügen Sie eine transparente Ebene?
Toller code, danke @amro-shafie 🙂
Das ist genial, nur aktuellen Ausgabe gibt es Pausen, die die Musik spielt, auf die Musik zu spielen Sie das video pausiert - aber das ist wohl zu erwarten, aufgrund der AVPlayer-Implementierung
Für die Beurteilung Farbverlauf, Kommentar //view.backgroundColor = .clear und fügen Sie link

InformationsquelleAutor Amro Shafie

2

Dies funktioniert, ersetzen Sie alle den code, den Sie gerade setzen Sie es mit diesem:
```
     let filePath = NSBundle.mainBundle().pathForResource("beach_water", ofType: "gif")
     let gif = NSData(contentsOfFile: filePath!)

     let webViewBG = UIWebView(frame: self.view.frame)
     webViewBG.loadData(gif!, MIMEType: "image/gif", textEncodingName: "UTF-8", baseURL: NSURL(string: "")!)
     webViewBG.userInteractionEnabled = false;
     self.view.addSubview(webViewBG)
```
Dass ist alles getestet und funktioniert zu 100%

BEARBEITEN Swift 3 haben und das Gif im hintergrund:
```
let filePath = Bundle.main.path(forResource: "beach_water", ofType: "gif")
let gif = NSData(contentsOfFile: filePath!)
let webViewBG = UIWebView(frame: self.view.frame)
webViewBG.load(gif! as Data, mimeType: "image/gif", textEncodingName: "UTF-8", baseURL: NSURL(string: "")! as URL)
webViewBG.isUserInteractionEnabled = false
webViewBG.layer.zPosition = -2.0
self.view.addSubview(webViewBG)
```
- So gibt es keine Fehler mit diesem code das ist ausgezeichnet! Aber ich bin jetzt immer das problem, dass das gif nicht angezeigt, hinter meinem text. Es ist einfach nur leer. Ich bin mit Analysieren für Sie den anmelden-so Frage ich mich, ob es damit zu tun hat, und brauche ich eine weitere Zeile code zu zeigen, das video hinter den Knöpfen. Ich lege einen screenshot, damit Sie sehen können meine Ergebnisse.
- es funktioniert, wenn ich es allein in einer view-controller mit nichts anderem in es! Hmm ich bin verwirrt, warum es nicht gehen in den hintergrund.
- Ok, stellen Sie sicher, dass der code die erste Zeile in die viewDidLoad() Methode.
- Kein Glück. Ich denke, es hat nicht funktioniert, weil es ist ein PFLogInViewController für parse verwenden...
- also dieser code ist groß-aber jetzt ist es nicht angezeigt, hinter alle anderen Elemente im storyboard :/
- Das video scheint aber vor dem UI von meinem storyboard! Wie kann ich die UI zu erscheinen vor dem hintergrund GIF? Ich habe änderungen am code, so dass Sie sehen können, was ich jetzt habe.
- Die z-position wie dieser: webViewBG.zposition = 2.0
- Wo würde das genau gehen?
- Vor dem hinzufügen der webViewBG der Untersicht
- Vielen Dank für Ihre Hilfe. Es herausgefunden. Muss der code etwas anders... webViewBG.Schicht.zPosition = -2.0
InformationsquelleAutor Zander
0

Wirklich einfach, zuerst ziehen Sie Ihre gif in Ihr Vermögen.xcassets.
Zweite Holen Sie sich die Datei im code(wahrscheinlich in einer Ansicht konfigurieren-Methode.
```
    var filePath = NSBundle.mainBundle().pathForResource(“YourImageNameHere”, ofType: “gif”)
    var gif = NSData(contentsOfFile: filePath)
```
1. Erstellen einer UIWebView und fügen Sie den GIF-NSData als Datenquelle.
```
var webViewBG = UIWebView(frame: self.view.frame)
webViewBG.loadData(gif, MIMEType: “image/gif”, textEncodingName: nil, baseURL: nil)
webViewBG.userInteractionEnabled = false;
self.view.addSubview(webViewBG)
```
Und dort gehen Sie, so stellen Sie sicher, um die webView hinter Ihren Tasten und andere UIElements
- Scheint einfach, aber wo in meinem code würde das gehen?
- In die ersetzen das Hintergrundbild mit diesem code in die viewDidLoad
- Dies ist der Fehler, ich bin immer... Null ist nicht kompatibel mit der erwarteten argument-Typ 'String'.
- Auf welcher Linie war denn das?
- Diese beiden Linien haben Probleme: var gif = NSData(contentsOfFile: filePath) webViewBG.loadData(gif, MIMEType: "image/gif", textEncodingName: null, baseURL: nil)
- Versuchen var gif = NSData(contentsOfFile: Dateipfad!) das sollte es beheben
- jetzt heißt es; die Verwendung von ungelösten Bezeichner 'filepath'
- Versuchen Sie Befehl-K zu reinigen und dann wieder zu starten
- Ich habe einen screenshot zeigen, wo ich gesagt habt, und die Probleme.
- Oh Ihr Dateipfad nicht haben können .gif auf Sie, weil Sie verwenden oftype: gif, so dass automatisch fügt hinzu, dass es auf.
- Gelöscht der .gif-und es hat immer noch den Fehler. Ich habe den screenshot ersetzt
- Versuchen Sie dies: Sie brauchen, um zu implementieren versuchen, catch-Fehlerbehandlung. Versuchen Sie es so: wenn let Pfad = NSBundle.mainBundle().pathForResource("Kapitel" ofType: "txt"){ do { let stringFromFile = versuchen String(contentsOfFile:path, encoding: NSUTF8StringEncoding) var Kapitel: [String] = stringFromFile.componentsSeparatedByString("@") Kapitel.removeAtIndex(0) } catch { print((error)) } }
- Aber füllen Sie Ihre Datei Pfad und Ihre details
- einen neuen screenshot. Immer noch die gleiche Fehlermeldung. Ich Frage mich, ob es ein Fehler ist!
- Gib mir ein paar Minuten und ich Schreibe es heraus für Sie, die alle und alles getestet
- Ausgezeichnet, vielen Dank
InformationsquelleAutor Zander

Dies ist die komplette Lösung. Die negative z-position ist wichtig!

let filePath = NSBundle.mainBundle().pathForResource("Lake", ofType: "gif")

let gif = NSData(contentsOfFile: filePath!)

let webViewBG = UIWebView(frame: self.view.frame)

webViewBG.loadData(gif!, MIMEType: "image/gif", textEncodingName: "UTF-8", baseURL: NSURL(string: "")!)

webViewBG.userInteractionEnabled = false
webViewBG.layer.zPosition = -2.0
self.view.addSubview(webViewBG)

InformationsquelleAutor MacInnis

Dank! Hinzufügen gradient :

let gradient: CAGradientLayer = CAGradientLayer()
    gradient.colors = [self.hexStringToUIColor(hex: "#141414").cgColor,self.hexStringToUIColor(hex: "#323232").cgColor]
    gradient.locations = [0.0,1.0]
    gradient.opacity = 0.8
    gradient.startPoint = CGPoint(x: 1.0, y: 0.0)
    gradient.endPoint = CGPoint(x: 1.0, y: 1.0)
    gradient.frame = viewLogin.layer.frame
    viewLogin.layer.insertSublayer(gradient, at: 0)

hexStringToUIColor Methode :

var cString:String = hex.trimmingCharacters(in: .whitespacesAndNewlines).uppercased()

    if (cString.hasPrefix("#")) {
        cString.remove(at: cString.startIndex)
    }

    if ((cString.count) != 6) {
        return UIColor.gray
    }

    var rgbValue:UInt32 = 0
    Scanner(string: cString).scanHexInt32(&rgbValue)

    return UIColor(
        red: CGFloat((rgbValue & 0xFF0000) >> 16) / 255.0,
        green: CGFloat((rgbValue & 0x00FF00) >> 8) / 255.0,
        blue: CGFloat(rgbValue & 0x0000FF) / 255.0,
        alpha: CGFloat(1.0)
    )

InformationsquelleAutor Álvaro Agüero

0

Schrieb ich einen Swift UIView Unterklasse aufgerufen SDLoopingVideoView spielt und Schleifen kompatible AVPlayer video-Datei und automatisch skaliert es zu füllen die Sicht. Es kann ganz setup im Interface Builder Das arbeiten groß wie ein video-hintergrund. Sie finden es auf Github hier: SDLoopingVideoView

InformationsquelleAutor Solsma Dev

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.