Zero Web Player

# 安装 Vue 3 组件包
npm install zwplayervue3

// Vue SFC 声明式调用，开箱即用
<template>
  <zwplayer ref="zwplayerRef" :fluid="true"
    url="https://example.com/test.m3u8"
    annotations='annotation.json'
    watermarks='watermark.json' />
</template>

<script setup>
import { ref } from 'vue'
import { zwplayer } from 'zwplayervue3'
const zwplayerRef = ref(null)
</script>

# 安装 React 组件包
npm install zwplayer-react

// React 组件声明式调用
import React, { useRef } from 'react';
import { ZwPlayer } from 'zwplayer-react';

export function DemoZwplayer() {
  return (
    <div style={{ padding: '5px', width: '100%', margin: '0 auto' }}>
      <ZwPlayer
        ref={useRef(null)}
        fluid={true}
        url="https://example.com/test.m3u8"
        annotations="annotation.json"
        watermarks="watermark.json"
      />
    </div>
  );
}