💻 iPad上的影片播放器

💻 iPad上的影片播放器
Photo by Omar Al-Ghosson / Unsplash

學習目標:

  • AVPlayer
  • NotificationCenter
  • Timer
  • Swift Optional
  • Function
  • Switch Case

練習成果:

原始碼:

GitHub - takawang/letter-song
Practice storyboard

歌詞:今晚 我想將那天的螢火
送到你的窗前
含意是"我愛你"
我想起我們的初吻
不管何時 只要閉上雙眼
就能奔向那最遙遠的地方
就像我在被浪濤湧來的沙上寫下的字跡般
你感覺也會像他們那樣從此消失
總是想念
雖然無法將我心裡所有的話語,說給你聽
但那裡頭,全都是"我愛你"
我何德何能
能擁有名為你的這份幸運
若我們現在能望著對方
該有多美好
就像我在被浪濤湧來的沙上寫下的字跡般
你感覺也會像他們那樣從此消失
還是想念
雖然無法將我寫在日記上的一字一句
都告訴你
但字字句句都代表著我愛你
今晚 我想將那天的螢火
送到你的窗前
希望今夜的你有個美好的夢

影片來源:https://www.youtube.com/watch?v=BzYnNdJhZQw

歌詞來源:https://tinyurl.com/2p9c5d8a


Storyboard:


過程:

本次結合幾個項目,練習 SDK 使用與熟悉 Swift 語法,只用 function print 無法滿足自己的期待,所以上網查了一些資料並搭配上課內容製作,將 AVPlayerViewController 加進 UIView 應該是最困難的部分,原本考慮使用 Container View 去做,但還不知道怎麼控制多個 Controller,並且跟 Storyboard 串接起來。

主要在 iPad Pro 12.9iPad Mini 6 實機測試過,iPhone 版面會看不到歌詞。

  1. 新增 UIView,取得IBOutlet -> Line 12
  2. 將 AVPlayerViewController 加進 UIView -> Line 50
  3. 用 IBAction 控制 影片播放並開始計時 -> Line59
  4. 註冊 View 生命週期與影片播放結束的通知 ->Line 20~28

免責聲明:

影片使用只為了學習目的,沒有營利行為,版權屬於原創作方 1theK.