使用 Laravel 和 Livewire 仿製一個 Youtube

Contents

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

從這 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

點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT330 起( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現