From d46fd461eb698f90513900ff030cd18f49bc6859 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Fri, 25 Apr 2025 16:31:32 +0800
Subject: [PATCH 1/4] chore: bump version 9.0.1

---
 .../BootstrapBlazor.Player/BootstrapBlazor.Player.csproj        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/BootstrapBlazor.Player/BootstrapBlazor.Player.csproj b/src/components/BootstrapBlazor.Player/BootstrapBlazor.Player.csproj
index a210a3ea..21d9f858 100644
--- a/src/components/BootstrapBlazor.Player/BootstrapBlazor.Player.csproj
+++ b/src/components/BootstrapBlazor.Player/BootstrapBlazor.Player.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.0.0</Version>
+    <Version>9.0.1</Version>
   </PropertyGroup>
 
   <PropertyGroup>

From 9f9a22410689c43c663fad2b48ebc0391bbaaecd Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Fri, 25 Apr 2025 16:31:50 +0800
Subject: [PATCH 2/4] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=20OnEvent=20?=
 =?UTF-8?q?=E5=9B=9E=E8=B0=83=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.Player/Player.razor       |  4 +--
 .../BootstrapBlazor.Player/Player.razor.cs    | 26 ++++++++++++++++---
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/components/BootstrapBlazor.Player/Player.razor b/src/components/BootstrapBlazor.Player/Player.razor
index a9fa98bd..3bf8776d 100644
--- a/src/components/BootstrapBlazor.Player/Player.razor
+++ b/src/components/BootstrapBlazor.Player/Player.razor
@@ -4,10 +4,10 @@
 
 @if (Mode == PlayerMode.Audio)
 {
-    <audio id="@Id" playsinline controls crossorigin>
+    <audio id="@Id" playsinline controls crossorigin data-bb-event="@EventString">
     </audio>
 }
 else {
-    <video id="@Id" playsinline controls crossorigin>
+    <video id="@Id" playsinline controls crossorigin data-bb-event="@EventString">
     </video>
 }
diff --git a/src/components/BootstrapBlazor.Player/Player.razor.cs b/src/components/BootstrapBlazor.Player/Player.razor.cs
index 2c742a18..b35672d3 100644
--- a/src/components/BootstrapBlazor.Player/Player.razor.cs
+++ b/src/components/BootstrapBlazor.Player/Player.razor.cs
@@ -25,9 +25,13 @@ public partial class Player
     [EditorRequired]
     public PlayerOptions? Options { get; set; }
 
-    private string? ClassString => CssBuilder.Default("bb-video-player")
-        .AddClassFromAttributes(AdditionalAttributes)
-        .Build();
+    /// <summary>
+    /// Gets or sets the client event callback. Default is null.
+    /// </summary>
+    [Parameter]
+    public Func<string, Task>? OnEvent { get; set; }
+
+    private string? EventString => OnEvent == null ? "true" : null;
 
     /// <summary>
     /// <inheritdoc/>
@@ -39,7 +43,7 @@ protected override async Task InvokeInitAsync()
         {
             Options.Language ??= CultureInfo.CurrentUICulture.Name;
         }
-        await InvokeVoidAsync("init", Id, Interop, "", Options);
+        await InvokeVoidAsync("init", Id, Interop, nameof(TriggerEvent), Options);
     }
 
     /// <summary>
@@ -48,4 +52,18 @@ protected override async Task InvokeInitAsync()
     /// <param name="option"></param>
     /// <returns></returns>
     public Task Reload(PlayerOptions option) => InvokeVoidAsync("reload", Id, option);
+
+    /// <summary>
+    /// Trigger <see cref="OnEvent"/> event callback. Triggered by JSInterop.
+    /// </summary>
+    /// <param name="eventName"></param>
+    /// <returns></returns>
+    [JSInvokable]
+    public async Task TriggerEvent(string eventName)
+    {
+        if (OnEvent != null)
+        {
+            await OnEvent(eventName);
+        }
+    }
 }

From e4fd42b21b81170027ef0c5e55f79249cdbe1509 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Fri, 25 Apr 2025 16:32:02 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E7=AD=89=E4=BA=8B=E4=BB=B6=E5=9B=9E=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BootstrapBlazor.Player/Player.razor.js    | 107 ++++++++++--------
 1 file changed, 62 insertions(+), 45 deletions(-)

diff --git a/src/components/BootstrapBlazor.Player/Player.razor.js b/src/components/BootstrapBlazor.Player/Player.razor.js
index 52ba8f22..506d43d9 100644
--- a/src/components/BootstrapBlazor.Player/Player.razor.js
+++ b/src/components/BootstrapBlazor.Player/Player.razor.js
@@ -36,6 +36,8 @@ export async function init(id, invoke, method, options) {
             ...options
         }
         p.player = new Plyr(el, config);
+        handlerEvents(p);
+
         if (source.sources.length === 0) {
             return;
         }
@@ -62,10 +64,70 @@ const initHls = (p, options) => {
                 setTimeout(() => hls.subtitleTrack = player.currentTrack, 50);
             });
             p.player = player;
+            handlerEvents(p);
         });
     }
 }
 
+export function reload(id, options) {
+    const p = Data.get(id);
+    if (p === null) {
+        return;
+    }
+
+    const { player, hls } = p;
+    const source = options.source.sources;
+    delete options.source;
+    if (hls) {
+        if (source.length > 0) {
+            const src = source[0].src;
+            hls.loadSource(src);
+        }
+    }
+    else {
+        player.poster = source.poster ?? options.poster;
+        player.source = source;
+    }
+}
+
+export function setPoster(id, poster) {
+    const p = Data.get(id);
+    if (p) {
+        const { player } = p;
+        player.poster = poster;
+    }
+}
+
+export function dispose(id) {
+    const p = Data.get(id);
+    Data.remove(id);
+
+    if (p) {
+        const { player } = p;
+        if (player) {
+            player.destroy();
+            player = null;
+        }
+    }
+}
+
+const handlerEventName = (name, p) => {
+    const { el, invoke, method, player } = p;
+    player.on(name, () => {
+        const fire = el.getAttribute('data-bb-event') === 'true';
+        if (fire) {
+            console.log(name);
+            invoke.invokeMethodAsync(method, name);
+        }
+    });
+}
+
+const handlerEvents = p => {
+    ['ready', 'play', 'pause', 'ended', 'enterfullscreen', 'exitfullscreen', 'languagechange'].forEach(name => {
+        handlerEventName(name, p);
+    });
+}
+
 const setLang = (option) => {
     option.i18n = {
         restart: '重启',
@@ -112,48 +174,3 @@ const setLang = (option) => {
         }
     }
 }
-
-export function reload(id, options) {
-    const p = Data.get(id);
-    if (p === null) {
-        return;
-    }
-
-    const { player, hls } = p;
-    const source = options.source.sources;
-    delete options.source;
-    if (hls) {
-        if (source.length > 0) {
-            const src = source[0].src;
-            hls.loadSource(src);
-        }
-    }
-    else {
-        player.poster = source.poster ?? options.poster;
-        player.source = source;
-    }
-}
-
-export function setPoster(id, poster) {
-    execute(id, p => {
-        const { player } = p;
-        player.poster = poster;
-    });
-}
-
-const execute = (id, callback) => {
-    const p = Data.get(id);
-    if (p) {
-        callback(p);
-    }
-}
-
-export function dispose(id) {
-    const p = Data.get(id);
-    Data.remove(id);
-
-    execute(id, player => {
-        player.destroy();
-        player = null;
-    });
-}

From bfe592dd16d91da5266f351082bb569d9d93a5db Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Fri, 25 Apr 2025 17:11:23 +0800
Subject: [PATCH 4/4] =?UTF-8?q?chore:=20=E7=B2=BE=E7=AE=80=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BootstrapBlazor.Player/Player.razor.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/BootstrapBlazor.Player/Player.razor.js b/src/components/BootstrapBlazor.Player/Player.razor.js
index 506d43d9..1d6f1ae8 100644
--- a/src/components/BootstrapBlazor.Player/Player.razor.js
+++ b/src/components/BootstrapBlazor.Player/Player.razor.js
@@ -116,7 +116,6 @@ const handlerEventName = (name, p) => {
     player.on(name, () => {
         const fire = el.getAttribute('data-bb-event') === 'true';
         if (fire) {
-            console.log(name);
             invoke.invokeMethodAsync(method, name);
         }
     });