使用 Laravel 和 Livewire 仿製一個 Youtube

使用 Livewire 建立 Youtube Clone 和使用 FFMPEG 進行影片編碼的完整課程。

報名參加課程更新 coupon code

從這 7 小時的課程,你會學到

  • 學習如何使用 Laravel 製作 Youtube Clone網站
  • 如何安裝和使用Livewire 2.0?
  • 學習如何使用 FFMPEG 進行影片處理/編碼
  • 學習 Livewire 中的檔案上傳
  • 使用影像操作套件學習影像處理
  • 建立投票系統(喜歡/不喜歡)
  • 建立評論系統
  • 如何在Laravel中使用佇列來建立Job和排程Job
  • 如何使大型應用程式與像 youtube 的複雜登入
  • 使用Bootstrap框架和客製化的 CSS 當需要的時候來瞭解前端

要求

  • 基礎 PHP 知識
  • 基本的 Laravel 知識
  • 基本的網站開發知識
  • 熟悉HTML/CSS/Javascript

課程說明

加入我的行列,使用 Livewire Application Journey 建構YouTube Clone。

你將需要基本的 Laravel 知識。我將透過現場編碼風格來建構,你可以看到我犯的錯誤,並學習如何糾正它。

在網站中包含影片的挑戰是如何編碼影片? 我如何能生成縮圖? 如何在所有的瀏覽器中播放影片。所有這些點將使用FFMPEG解決。

我們將使用 Alpinejs 作為基本的 javascript 程式庫來幫助我們建立一些動態的前端!加入我的行列,並在編碼時享受樂趣。

以下是本課程的內容:

  • 建立新的 Laravel 專案並完成設定
  • 允許使用者在應用程式中註冊時建立 youtube 頻道
  • 安裝和配置 Livewire 並展示 Class 和 View 之間的基本模型繫結
  • 使用 Livewire 元件編輯通道屬性
  • 使用 Livewire 為表單配置驗證
  • 在 Laravel 中建立策略來管理頻道更新. 只有頻道所有者才可以更新他的頻道
  • 使用 Livewire 檔案上傳方法上傳檔案, 如頻道圖片
  • 上傳後使用影像操作套件修改影象以控制影象大小等
  • 檔案上傳部分包含了使用 Livewire 建立影片上傳表格的細節
  • 為影片上傳新增進度條
  • 編輯影片錄製
  • 刪除影片記錄
  • 使用 Laravel 策略安全刪除影片並將其整合到 livewire 元件內部
  • 使用 FFMPEG 進行影片編碼
  • 演示影片來解釋FFMPEG以及如何與Laravel整合
  • 在 Laravel 中使用命令進行影片編碼演示
  • 建立 Job 來處理影片編碼,建立縮圖,並學習如何在後台執行它們來提高應用程式的效能
  • 在影片中新增縮圖
  • 在 Livewire Component 內部即時更新前端的影片編碼進度
  • 使用 videojs 新增影片播放器,並客製化其高度和寬度
  • 瞭解影片事件,如暫停、播放、結束等,並在使用者觀看影片3秒後更新瀏覽量欄
  • 關於完整的部分
  • 投票系統(喜歡/不喜歡)
  • 使用者可以喜歡或不喜歡影片
  • 顯示每個影片的喜歡/不喜歡的數量
  • 訂閱部分:允許使用者訂閱/取消訂閱頻道
  • 顯示頻道資訊與訂閱數
  • 評論系統。使用者將能夠為每個影片新增評論和回覆
  • 使用 Livewire 的評論系統可以顯示/隱藏回覆或顯示新增新評論的形式
  • 建立主頁,如果使用者沒有登入,就可以觀看訂閱頻道的影片或普通影片
  • 在主頁上新增搜尋功能
  • 風格化頻道主頁與youtube相似
  • 將影片持續時間新增到影片卡
  • 以及更多…

目標受眾

  • PHP和Laravel開發人員
  • 網站開發人員
  • 前端開發人員
  • 後端開發人員

講師簡介

Abdulaziz Al Zaabi 開發者

我是電腦科學專業畢業,擁有工商管理碩士學位。我有超過15年的IT經驗。我有5年左右的程式語言和行動開發經驗。最近更專注於使用 Laravel 和 codeigniter 框架進行 Web 開發。

我也有 youtube 頻道教授開發課程,如 Laravel 框架,PHP,Flutter,Tailwindcss等。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

報名參加課程更新 coupon code

Sponsored by Udemy

也許你會有興趣

找其它課程?試看看 Soft & Share 網站搜尋引擎

✍ 搜尋結果太多?可參考 Soft & Share 搜尋引擎使用技巧


幫我們個小忙!

使用 e-mail 追蹤 Soft & Share

Comments are closed.

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: