player-react
播放控制栏

播放控制栏

播放器工具栏,用于播放、暂停、停止、上一步、下一步、循环控制等操作

如何使用

  • 通过配置 addons={["PlayerBar"]} 快捷启用播放器工具栏
  • 或通过手动引用 import { PlayerBar } from "@icraft/player-react" 手动启用播放器工具栏,手动启用可以更灵活的控制播放器工具栏的样式

播放器播放动画的前置条件是在editor里创建了动画方案

import { ICraftPlayer } from "@icraft/player-react";
 
const style = {
  width: "100%",
  height: "100%",
  position: "relative" as const,
  overflow: "hidden" as const,
};
 
export default () => {
  return (
    <div style={style}>
      <ICraftPlayer
        src='/templates/ArgoCD.iplayer'
        addons={["PlayerBar"]}
      />
    </div>
  );
};
 

API

Namedescriptiontypedefaultrequired
style样式React.CSSPropertiesfalse
className类名stringfalse