@nicecode/player NPM

安装相关依赖

npm install @nicecode/vplayer --save

使用效果

视频播放器

import React, { useEffect, useRef } from 'react';
import { Vplayer } from '@nicecode/player';

export default () => {
  const vRef = useRef(null);

  useEffect(() => {}, []);

  return (
    <Vplayer
      ref={vRef}
      config={{
        poster:
          '//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/byted-player-videos/1.0.0/poster.jpg',
        url: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-360p.mp4',
      }}
    />
  );
};

音乐播放器

import React, { useEffect, useRef } from 'react';
import { Aplayer } from '@nicecode/player';

export default () => {
  const playerRef = useRef();

  return (
    <div>
      <Aplayer
        config={{
          url: [
            {
              src: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/music/audio.mp3',
              name: '林宥嘉·脆弱一分钟',
              poster:
                '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/music/poster-small.jpeg',
            },
          ],
        }}
      />
    </div>
  );
};