添加Meet示例

Author: j4587698

src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj

@@ -76,6 +76,7 @@
   </ItemGroup>
 
   <ItemGroup>
+    <ProjectReference Include="..\..\..\BootstrapBlazor.Extensions\src\components\BootstrapBlazor.JitsiMeet\BootstrapBlazor.JitsiMeet.csproj" />
     <ProjectReference Include="..\BootstrapBlazor\BootstrapBlazor.csproj" />
   </ItemGroup>
 

src/BootstrapBlazor.Server/Components/Samples/Meets.razor

@@ -0,0 +1,16 @@
+@page "/meet"
+
+<h3>JitsiMeet会议</h3>
+
+<h4>通过JitsiMeet创建会议</h4>
+
+<PackageTips Name="BootstrapBlazor.JitsiMeet" />
+
+<Tips class="mt-3">
+    <p>JitsiMeet是一个开源的WebRTC会议程序，可以自托管安装也可以使用官方的托管服务（免费计划为25MAU），此组件仅为JitsiMeet的客户端程序，不含服务端。</p>
+</Tips>
+
+<DemoBlock Introduction="使用JitsiMeet创建会议室，支持执行命令，支持OnLoad回调。例子中隐藏了内置的邀请程序，无法在会议中找到邀请链接" Title="使用JitsiMeet创建会议室" Name="Normal">
+    <Button OnClick="RunCommand">执行命令</Button>
+    <Meet @ref="Meet" Option="@Option" Domain="meet.jit.si" OnLoad="OnLoad"></Meet>
+</DemoBlock>

src/BootstrapBlazor.Server/Components/Samples/Meets.razor.cs

@@ -0,0 +1,40 @@
+using Microsoft.AspNetCore.Components;
+using Console = System.Console;
+
+namespace BootstrapBlazor.Server.Components.Samples;
+
+public partial class Meets : ComponentBase
+{
+    private MeetOption? Option { get; set; }
+
+    private Meet? Meet { get; set; }
+
+    protected override void OnInitialized()
+    {
+        base.OnInitialized();
+        Option = new MeetOption();
+        Option.RoomName = "BootstrapBlazor";
+        Option.Width = "100%";
+        Option.Height = 700;
+        Option.ConfigOverwrite = new
+        {
+            Lobby = new {EnableChat = false},
+            HiddenPremeetingButtons = new string[]{"invite"},
+            DisableInviteFunctions = true,
+            ButtonsWithNotifyClick = new []{new {key = "invite", preventExecution = true}}
+        };
+        Option.UserInfo = new UserInfo() { DisplayName = "BootstrapBlazor", Email = "[email protected]" };
+
+    }
+
+    private void OnLoad()
+    {
+        Console.WriteLine("会议室加载完成");
+    }
+
+    private void RunCommand()
+    {
+        Meet?.ExecuteCommand("toggleChat");
+    }
+}
+