添加媒体会话检查

Author: Linho1219

src/core/compat/index.ts

@@ -2,6 +2,7 @@ import type { Equal, Expect } from '@utils/types'
 
 import { clipboardItem } from './items/clipboard'
 import { fileSystemItem } from './items/fileSystem'
+import { mediaSessionItem } from './items/mediaSession'
 import { sharedArrayBufferItem } from './items/sharedArrayBuffer'
 import type { Compatibility as CP } from './types'
 
@@ -11,12 +12,14 @@ export const compatibilityMap = {
   [fileSystemItem.key]: fileSystemItem.meet,
   [clipboardItem.key]: clipboardItem.meet,
   [sharedArrayBufferItem.key]: sharedArrayBufferItem.meet,
+  [mediaSessionItem.key]: mediaSessionItem.meet,
 } as const satisfies Record<string, boolean>
 
 const _compatibilityList = [
   fileSystemItem,
   clipboardItem,
   sharedArrayBufferItem,
+  mediaSessionItem,
 ] as const satisfies readonly CP.CompatibilityItem[]
 
 export const compatibilityList: readonly CP.CompatibilityItem[] = _compatibilityList

src/core/compat/items/mediaSession.ts

@@ -0,0 +1,29 @@
+import type { Compatibility as CP } from '..'
+
+const mediaSessionInfo = {
+  key: 'mediaSession',
+  name: '媒体会话',
+  description: '媒体会话 (Media Session) 允许网页自定义媒体通知和响应媒体键事件。',
+  referenceUrls: [
+    { label: 'Can I Use: Media Session', url: 'https://caniuse.com/wf-media-session' },
+  ],
+  severity: 'info',
+  effect: '将不能从系统媒体控制界面（如锁屏界面或通知中心）控制媒体播放。',
+} as const satisfies CP.CompatibilityInfo
+
+const meet =
+  'mediaSession' in navigator &&
+  typeof navigator.mediaSession.metadata === 'object' &&
+  typeof navigator.mediaSession.setActionHandler === 'function'
+
+function findWhy(): string | undefined {
+  if (meet) return undefined
+  return '浏览器不支持媒体会话相关的 API。此 API 在 Chromium 72、Firefox 82、Safari 15 或以上版本中支持。Firefox Android 目前不支持。'
+}
+const why = findWhy()
+
+export const mediaSessionItem = {
+  ...mediaSessionInfo,
+  meet,
+  why,
+} as const satisfies CP.CompatibilityItem