uview-plus 3.8.127 → 3.8.128

package/components/u-video/danmaku.js

@@ -0,0 +1,97 @@
+/**
+ * u-video 弹幕引擎的纯逻辑部分（归一化、时间游标、轨道分配）。
+ * 与 video-utils.js 一样不引入 uni / vue，方便 Node 端直接做行为断言。
+ */
+
+// 同一轨道上两条弹幕之间的最小像素间隔
+const TRACK_GAP = 20
+
+const DANMU_TYPES = ['scroll', 'top', 'bottom']
+
+export function normalizeDanmuItem(item) {
+    const danmu = typeof item === 'string' ? { text: item } : (item || {})
+    const time = Number(danmu.time)
+    return {
+        text: danmu.text === undefined || danmu.text === null ? '' : String(danmu.text),
+        color: danmu.color || '',
+        time: Number.isFinite(time) && time > 0 ? time : 0,
+        type: DANMU_TYPES.includes(danmu.type) ? danmu.type : 'scroll'
+    }
+}
+
+// 按出现时间升序排列，播放过程中只需要向后推进游标
+export function normalizeDanmuList(list) {
+    if (!Array.isArray(list)) return []
+    return list
+        .map(normalizeDanmuItem)
+        .filter((item) => item.text !== '')
+        .sort((a, b) => a.time - b.time)
+}
+
+// 二分查找第一条「时间点不早于 time」的弹幕，拖动进度条后用它重置游标
+export function findDanmuCursor(list, time) {
+    if (!Array.isArray(list) || !list.length) return 0
+    const target = Number(time)
+    let low = 0
+    let high = list.length
+    while (low < high) {
+        const middle = (low + high) >> 1
+        if (list[middle].time < target) {
+            low = middle + 1
+        } else {
+            high = middle
+        }
+    }
+    return low
+}
+
+// 粗略估算弹幕宽度：中文按一个字宽，其余按 0.55 字宽
+export function estimateDanmuWidth(text, fontSize) {
+    const size = Number(fontSize) > 0 ? Number(fontSize) : 14
+    const content = String(text === undefined || text === null ? '' : text)
+    let units = 0
+    for (const char of content) {
+        units += char.charCodeAt(0) > 0x2e80 ? 1 : 0.55
+    }
+    return Math.ceil(units * size) + size
+}
+
+export function createDanmuState() {
+    return { tracks: [] }
+}
+
+export function resetDanmuState(state) {
+    if (state) state.tracks = []
+    return state
+}
+
+/**
+ * 取一条空闲轨道，全部占用时返回 -1（该条弹幕直接丢弃）。
+ * 滚动弹幕在尾巴完全进场后即可复用轨道；hold 用于顶/底部固定弹幕。
+ */
+export function acquireDanmuTrack(state, options = {}) {
+    const {
+        now = 0,
+        itemWidth = 0,
+        containerWidth = 0,
+        duration = 8,
+        trackCount = 1,
+        hold = 0
+    } = options
+    if (!state) return -1
+    const total = Math.max(1, Math.floor(trackCount))
+    let busyFor = Number(hold)
+    if (!Number.isFinite(busyFor) || busyFor <= 0) {
+        const distance = Number(containerWidth) + Number(itemWidth)
+        const speed = distance > 0 ? distance / (Number(duration) * 1000) : 0
+        busyFor = speed > 0 ? (Number(itemWidth) + TRACK_GAP) / speed : 0
+    }
+    for (let index = 0; index < total; index++) {
+        const freeAt = state.tracks[index]
+        if (freeAt === undefined || now >= freeAt) {
+            state.tracks[index] = now + busyFor
+            return index
+        }
+    }
+    return -1
+}

package/components/u-video/props.js

@@ -0,0 +1,205 @@
+import { defineMixin } from '../../libs/vue'
+import { registerComponentProps } from '../../libs/config/props.js'
+import VideoDefaultProps from './video'
+
+const defProps = registerComponentProps(VideoDefaultProps)
+
+export const props = defineMixin({
+    props: {
+        // 视频地址，传了 episodes 时作为兜底地址
+        src: {
+            type: String,
+            default: () => defProps.video.src
+        },
+        // 封面图
+        poster: {
+            type: String,
+            default: () => defProps.video.poster
+        },
+        title: {
+            type: String,
+            default: () => defProps.video.title
+        },
+        width: {
+            type: [String, Number],
+            default: () => defProps.video.width
+        },
+        height: {
+            type: [String, Number],
+            default: () => defProps.video.height
+        },
+        radius: {
+            type: [String, Number],
+            default: () => defProps.video.radius
+        },
+        objectFit: {
+            type: String,
+            default: () => defProps.video.objectFit
+        },
+        autoplay: {
+            type: Boolean,
+            default: () => defProps.video.autoplay
+        },
+        loop: {
+            type: Boolean,
+            default: () => defProps.video.loop
+        },
+        muted: {
+            type: Boolean,
+            default: () => defProps.video.muted
+        },
+        initialTime: {
+            type: [String, Number],
+            default: () => defProps.video.initialTime
+        },
+        // 自绘控制层总开关
+        controls: {
+            type: Boolean,
+            default: () => defProps.video.controls
+        },
+        showCenterPlayBtn: {
+            type: Boolean,
+            default: () => defProps.video.showCenterPlayBtn
+        },
+        showFullscreenBtn: {
+            type: Boolean,
+            default: () => defProps.video.showFullscreenBtn
+        },
+        showBack: {
+            type: Boolean,
+            default: () => defProps.video.showBack
+        },
+        backIcon: {
+            type: String,
+            default: () => defProps.video.backIcon
+        },
+        autoHide: {
+            type: [String, Number],
+            default: () => defProps.video.autoHide
+        },
+        showLock: {
+            type: Boolean,
+            default: () => defProps.video.showLock
+        },
+        // 倍速
+        showRate: {
+            type: Boolean,
+            default: () => defProps.video.showRate
+        },
+        rate: {
+            type: [String, Number],
+            default: () => defProps.video.rate
+        },
+        rateList: {
+            type: Array,
+            default: () => defProps.video.rateList
+        },
+        // 音量
+        showVolume: {
+            type: Boolean,
+            default: () => defProps.video.showVolume
+        },
+        volume: {
+            type: [String, Number],
+            default: () => defProps.video.volume
+        },
+        // 弹幕
+        enableDanmu: {
+            type: Boolean,
+            default: () => defProps.video.enableDanmu
+        },
+        danmuList: {
+            type: Array,
+            default: () => defProps.video.danmuList
+        },
+        danmuBtn: {
+            type: Boolean,
+            default: () => defProps.video.danmuBtn
+        },
+        danmuOpen: {
+            type: Boolean,
+            default: () => defProps.video.danmuOpen
+        },
+        danmuColor: {
+            type: String,
+            default: () => defProps.video.danmuColor
+        },
+        danmuFontSize: {
+            type: [String, Number],
+            default: () => defProps.video.danmuFontSize
+        },
+        danmuDuration: {
+            type: [String, Number],
+            default: () => defProps.video.danmuDuration
+        },
+        danmuArea: {
+            type: String,
+            default: () => defProps.video.danmuArea
+        },
+        danmuOpacity: {
+            type: [String, Number],
+            default: () => defProps.video.danmuOpacity
+        },
+        danmuMax: {
+            type: [String, Number],
+            default: () => defProps.video.danmuMax
+        },
+        // 选集
+        episodes: {
+            type: Array,
+            default: () => defProps.video.episodes
+        },
+        episodeIndex: {
+            type: [String, Number],
+            default: () => defProps.video.episodeIndex
+        },
+        episodeColumns: {
+            type: [String, Number],
+            default: () => defProps.video.episodeColumns
+        },
+        autoNext: {
+            type: Boolean,
+            default: () => defProps.video.autoNext
+        },
+        // 广告
+        ads: {
+            type: Array,
+            default: () => defProps.video.ads
+        },
+        // 原生手势
+        enableProgressGesture: {
+            type: Boolean,
+            default: () => defProps.video.enableProgressGesture
+        },
+        pageGesture: {
+            type: Boolean,
+            default: () => defProps.video.pageGesture
+        },
+        vslideGesture: {
+            type: Boolean,
+            default: () => defProps.video.vslideGesture
+        },
+        direction: {
+            type: [String, Number],
+            default: () => defProps.video.direction
+        },
+        autoPauseIfNavigate: {
+            type: Boolean,
+            default: () => defProps.video.autoPauseIfNavigate
+        },
+        autoPauseIfOpenNative: {
+            type: Boolean,
+            default: () => defProps.video.autoPauseIfOpenNative
+        },
+        videoId: {
+            type: String,
+            default: () => defProps.video.videoId
+        },
+        activeColor: {
+            type: String,
+            default: () => defProps.video.activeColor
+        }
+    }
+})
+
+export default props