diff --git a/docs/Masa.Blazor.Docs/wwwroot/data/apis/video-feeder/MVideoFeeder-en-US.json b/docs/Masa.Blazor.Docs/wwwroot/data/apis/video-feeder/MVideoFeeder-en-US.json index 1ce8ba4d..c645cf54 100644 --- a/docs/Masa.Blazor.Docs/wwwroot/data/apis/video-feeder/MVideoFeeder-en-US.json +++ b/docs/Masa.Blazor.Docs/wwwroot/data/apis/video-feeder/MVideoFeeder-en-US.json @@ -1,22 +1,32 @@ { "props": { + "dynamicBg": "Dynamic background.", + "index": "Set the currently playing video by index.", "items": "Data source. Due to the virtualization feature of the MSwiper component, all data must be provided at once and cannot be updated incrementally.", "itemUrl": "Video URL.", "itemPoster": "Video poster URL.", + "itemStartTime": "Video start time in seconds.", "height": "Height of the video area, default is 100vh.", "width": "Width of the video area, default is 100%.", "defaultAutoplayNext": "Whether to autoplay the next video by default.", "autoplay": "Whether to autoplay the current video.", - "rotateFullscreen": "Whether to automatically rotate in fullscreen mode, commonly used for landscape effects on mobile devices." + "rotateFullscreen": "Whether to automatically rotate in fullscreen mode, commonly used for landscape effects on mobile devices.", + "autoCoverInPortrait": "Whether to automatically cover the video in portrait mode, commonly used for portrait effects on mobile devices.", + "onlyShowPosterInMusicMode": "Only show the poster in music mode." }, "events": { + "indexChanged": "Triggered when the index of the currently playing video changes.", "OnFullscreen": "Triggered when the fullscreen state changes, with parameters for the current video and fullscreen status.", - "OnDownload": "Triggered when the download button is clicked, with parameters for the current video item." + "OnDownload": "Triggered when the download button is clicked, with parameters for the current video item.", + "onGoBack": "Triggered when clicking the back button in rotate fullscreen mode." }, "contents": { "sideActionsContent": "Custom content slot for right-side action buttons.", "topContent": "Custom content slot for the top area, can be used to display video title, subtitles, etc.", "bottomContent": "Custom content slot for the bottom area, can be used to display video title, subtitles, etc.", "bottomActionsContent": "Custom content slot for the bottom action bar, supports custom MListItem components." + }, + "methods": { + "getCurrentVideoPropsAndStatesAsync": "Get the properties and states of the current video." } } \ No newline at end of file diff --git a/docs/Masa.Blazor.Docs/wwwroot/data/apis/video-feeder/MVideoFeeder-zh-CN.json b/docs/Masa.Blazor.Docs/wwwroot/data/apis/video-feeder/MVideoFeeder-zh-CN.json index fa202a2f..fff91a2a 100644 --- a/docs/Masa.Blazor.Docs/wwwroot/data/apis/video-feeder/MVideoFeeder-zh-CN.json +++ b/docs/Masa.Blazor.Docs/wwwroot/data/apis/video-feeder/MVideoFeeder-zh-CN.json @@ -1,22 +1,32 @@ { "props": { - "items": "数据源，由于 MSwiper 组件虚拟化特性的缺陷，只能一次性提供所有数据，无法增量更新。", - "itemUrl": "视频地址。", - "itemPoster": "视频封面地址。", - "height": "视频区域高度，默认 100vh。", - "width": "视频区域宽度，默认 100%。", - "defaultAutoplayNext": "是否默认自动播放下一个视频。", + "autoCoverInPortrait": "竖屏时是否自动铺满，常用于移动端竖屏效果。", "autoplay": "是否自动播放当前视频。", - "rotateFullscreen": "全屏时是否自动旋转，常用于移动端横屏效果。" + "defaultAutoplayNext": "是否默认自动播放下一个视频。", + "dynamicBg": "动态背景。", + "height": "视频区域高度，默认 100vh。", + "index": "通过索引设置当前播放视频。", + "items": "数据源，由于 MSwiper 组件虚拟化特性的缺陷，只能一次性提供所有数据，无法增量更新。", + "itemPoster": "视频封面地址。", + "itemStartTime": "视频起始播放时间，单位为秒。", + "itemUrl": "视频地址。", + "onlyShowPosterInMusicMode": "只在音乐模式下显示封面。", + "rotateFullscreen": "全屏时是否自动旋转，常用于移动端横屏效果。", + "width": "视频区域宽度，默认 100%。" }, "events": { + "indexChanged": "当前播放视频索引变化时触发。", "OnFullscreen": "全屏状态变化时触发，参数为当前视频及全屏状态。", - "OnDownload": "点击下载按钮时触发，参数为当前视频项。" + "OnDownload": "点击下载按钮时触发，参数为当前视频项。", + "onGoBack": "在旋转全屏模式下点击返回按钮时触发。" }, "contents": { "sideActionsContent": "右侧操作按钮插槽。", "topContent": "顶部内容插槽，可用于展示视频标题、字幕等。", "bottomContent": "底部内容插槽，可用于展示视频标题、字幕等。", "bottomActionsContent": "底部操作栏插槽，支持自定义 组件。" + }, + "methods": { + "getCurrentVideoPropsAndStatesAsync": "获取当前视频的属性和状态。" } } \ No newline at end of file diff --git a/docs/Masa.Docs.WebAssembly/wwwroot/css/app.css b/docs/Masa.Docs.WebAssembly/wwwroot/css/app.css index 88e3e7c8..5f282702 100644 --- a/docs/Masa.Docs.WebAssembly/wwwroot/css/app.css +++ b/docs/Masa.Docs.WebAssembly/wwwroot/css/app.css @@ -1,62 +1 @@ -.gegga { - width: 0; -} - -.snurra { - filter: url(#gegga); -} - -#app.dark { - background-color: #131316; -} - -#app:not(.dark) .stopp1 { - stop-color: #4318FF; -} - -#app:not(.dark) .stopp2 { - stop-color: #A18BFF; -} - -#app.dark .stopp1 { - stop-color: #A18BFF; -} - -#app.dark .stopp2 { - stop-color: #C5C0FF; -} - -.halvan { - animation: Snurra1 10s infinite linear; - stroke-dasharray: 180 800; - fill: none; - stroke: url(#gradient); - stroke-width: 23; - stroke-linecap: round; -} - -.strecken { - animation: Snurra1 3s infinite linear; - stroke-dasharray: 26 54; - fill: none; - stroke: url(#gradient); - stroke-width: 23; - stroke-linecap: round; -} - -.skugga { - filter: blur(5px); - opacity: 0.3; - position: absolute; - transform: translate(3px, 3px); -} - -@keyframes Snurra1 { - 0% { - stroke-dashoffset: -403px; - } - - 100% { - stroke-dashoffset: 0; - } -} + \ No newline at end of file diff --git a/docs/Masa.Docs.WebAssembly/wwwroot/index.html b/docs/Masa.Docs.WebAssembly/wwwroot/index.html index a4d6819c..d1102385 100644 --- a/docs/Masa.Docs.WebAssembly/wwwroot/index.html +++ b/docs/Masa.Docs.WebAssembly/wwwroot/index.html @@ -38,30 +38,7 @@
- - - - - - - - - - - - - - - - - - - - - - - - + loading
diff --git a/docs/Masa.Docs.WebAssembly/wwwroot/logo-h-en-loading.svg b/docs/Masa.Docs.WebAssembly/wwwroot/logo-h-en-loading.svg new file mode 100644 index 00000000..a8a6f7e3 --- /dev/null +++ b/docs/Masa.Docs.WebAssembly/wwwroot/logo-h-en-loading.svg @@ -0,0 +1,93 @@ + + + \ No newline at end of file