SwiftUI: Video Oynatıcı

SwiftUI 2.0 ile birlikte AVKit kütüphanesindeki video oynatıcı elemanını, uygulamalarınızda kullanmak mümkün hale geliyor.🤘🏻

Ufuk Köşker
TurkishKit
3 min readJul 3, 2020

--

Herkese merhaba TurkishKit okuyucular! 🤗 Bu yazımızda SwiftUI 2.0 ile birlikte gelen video oynatıcı nesnesini inceleyeceğiz. Hazırsanız hiç vakit kaybetmeden başlayalım.

WWDC 2020 Haftasını Keşfedin!

TurkishKit Medium sayfamızda WWDC 2020 konferansı boyunca tanıtılan bütün yenilikleri blog serisi haline getirdik.

Sizde WWDC 2020 haftası boyunca tanıtılan yenilikleri keşfetmek istiyorsanız aşağıdaki linke tıklamanız yeterli:

Xcode 12 Beta Versiyonunun İndirilmesi

SwiftUI 2.0 ile kod yazabilmek için Apple’ın WWDC 2020'de yayınladığı Xcode 12 sürümünün beta versiyonunu indirmemiz lazım. Xcode 12 beta versiyonunu indirmek için aşağıdaki linke tıklamamız lazım.

Web sitesi açıldıktan sonra Xcode açıklamasının altında bulunan download page yazısı üzerine tıklayalım.

Ardından Apple Developer kimliğimiz ile giriş yapalım.

Giriş yaptıktan sonra karşımıza açılan sayfada Xcode 12 beta sürümünün indirme ekranı görünecektir. Bu sayfa üzerinden Xcode 12 uygulamasının beta sürümünü indirelim.

Hadi Kodlayalım

Artık SwiftUI 2.0 ile kodlama yapabiliriz. İlk olarak yeni bir proje açalım.

Projeyi açtıktan sonra AVKit kütüphanesini projemize ekleyelim.

AVKit kütüphanesini projemize ekledik.

Sonra aşağıdaki kod bloğundaki gibi “VideoPlayer” elemanını çağıralım.

“VideoPlayer” elemanı bir “AVPlayer” nesnesini istiyor. Şimdi “AVPlayer” nesnesi ekleyelim.

AVPlayer nesnesini dahil ekledik.

AVPlayer nesnesi bizden bir “URL” istiyor. Kısa bir video linki bulalım ve linki “URL” yazan yere kopyalayıp yapıştıralım. Bunu yapmadan önce eklediğimiz linkin gerçekten bir video linki olup olmadığını bildirmemiz lazım. Bunun için “URL” ekini kullanacağız.

Biz aşağıdaki linki kullanacağız. Siz istediğiniz bir videonun linkini kullanabilirsiniz. Şimdi video linkini “String” yazan yere kopyalayıp yapıştıralım.

"https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_1MB.mp4"

Linki yapıştırdıktan sonra xcode bize uyarı vermektedir. Buradan“ !(unwrap)” üzerindeki “Fix” butonuna tıklayalım.

Uygulamamızın kodlarının en son hali aşağıdaki gibidir.

CornerRadius Eklemek

Son olarak eklediğimiz “VideoPlayer” elemanımıza tasarımsal dokunuşlar yapalım. Aşağıdaki kod bloğunda yaptığımız gibi “VideoPlayer” objemize bir “CornerRadius” verelim.

Tataa! Uygulamamızın son hali.

Uygulamamızı Test Edelim

Uygulamamızı test etmek için Command + R tuşlarını kullanarak simulatör uygulamasını çalıştırabiliriz.

Buraya tıklayarak projenin en son haline ulaşabilirsiniz. İyi kodlamalar dilerim. 🤗

SwiftUI 2.0 ile “AVPlayer” nesnesini kullanarak bir videoyu oynatmak artık bu kadar kolay. Yapmanız gereken tek şey bir video linkine sahip olmak. 😜

Bir yazımızın daha sonuna geldik. SwiftUI 2.0 ile birlikte gelen tüm yeni özellikleri sizlere aktarmaya devam edeceğiz. Bizi takip etmeye devam edin. 🤩

Bizi daha yakından takip etmek istiyorsanız, sosyal medya hesaplarımıza aşağıdan ulaşabilirsiniz!

Twitter | Instagram | Facebook

--

--