当用户在 react 中选择视频时,我想显示视频预览。有朋友建议使用video-react
库来预览视频。您能否指导我如何实现以及如何在我的项目中实现视频预览。目前我正在使用ant-design
视频选择
Vide-React 链接:点击 Video-React
当用户在 react 中选择视频时,我想显示视频预览。有朋友建议使用video-react
库来预览视频。您能否指导我如何实现以及如何在我的项目中实现视频预览。目前我正在使用ant-design
视频选择
Vide-React 链接:点击 Video-React
只需按照教程进行操作。
import React from 'react';
import { Player } from 'video-react';
export default (props) => {
return (
<Player
playsInline
poster="/assets/poster.png"
src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
/>
);
};
对于缩略图,您可以使用react-video-thumbnail
. 它为给定的视频 url 生成缩略图。https://www.npmjs.com/package/react-video-thumbnail
我使用 react-player,其中选项“controls” - 设置为 true 或 false 以显示本机播放器控件
<ReactPlayer url={'url/to/video'} className={classes.styleView} playing controls/>