问题标签 [react-player]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2411 浏览

reactjs - 反应 - 404 未找到

我在/send-email从 React 向我的端点发出请求时遇到问题。我已flask-mail配置为进行异步调用。

这是前端发出请求的方式:

渲染:

我收到以下错误:

端点:

nginx反向代理配置:

邮件服务所依赖的“网络”和“客户端”服务的构建方式如下docker-compose

每次我建造它们时,我都会:

有什么问题?


笔记:

如果我使用 POSTMAN to 直接发布到端点http://localhost:5001/send-email/1,它可以工作。

0 投票
2 回答
6010 浏览

reactjs - 使用 react-player npm 视频不会在 IOS 上自动播放

我想在用户访问页面时播放视频,它适用于除 IOS 之外的所有平台。我正在使用反应播放器npm。我尝试通过传递 muted 属性但不起作用。

我的代码看起来像这样

提前致谢 !

0 投票
1 回答
1772 浏览

reactjs - 在 react-music-player 中切换播放/暂停

我正在为我的音频应用程序使用 react-music-player(lijinke666/react-music-player) 。我工作正常,但我有一个用例,我必须通过播放器外部的按钮控制音频的播放和暂停。播放器的播放和暂停按钮工作正常,但根据 m 用例,它也应该从外部播放/暂停按钮控制。

这是到目前为止完成的实现:

关于如何从播放器外部触发播放/puse 功能的任何建议?

0 投票
1 回答
511 浏览

javascript - 动态启动音频(自动播放)时,控件在 html5 音频播放器和 android 本机播放器之间不起作用

我正在使用 npm react-player 在反应应用程序中播放一些音频和视频文件。我允许用户切换音频的自动播放功能。

当播放器被渲染并开始在 chrome android 浏览器中播放时,它还会启动一个原生 android 播放器,(可以在 os 通知区域访问)

在此处输入图像描述

两个播放器完全同步,但如果浏览器播放器暂停,则本机播放器会继续播放。此外,如果在浏览器播放器的时间线上拖动点,它们会变得不同步并互相交谈。

有趣的是,当自动播放未打开,但用户必须手动按下将播放属性设置为的按钮时true,本机音频播放器和浏览器播放器控件会相互影响,如果在浏览器中暂停,则两者都会暂停,如果暂停在通知区域中会暂停并保持同步。

我怎样才能解决这个问题?

更新:

我还没有尝试更多。我没有在渲染组件之前设置playing为 true,而是尝试获取 html 元素componentDidMount()并在那里使用该play()函数。不幸的是,这具有相同的行为,它似乎启动了 2 个独立的播放器,最终将变得不同步:(

0 投票
1 回答
626 浏览

javascript - 在 react-player 中设置音频流

我正在将 react-player 组件 ( https://github.com/CookPete/react-player ) 集成到我的网站中,但是,我不知道如何设置多个音频流。此外,我想同时设置 DASH 和 HLS 视频流,但是将它们作为数组添加到 url 属性中不起作用,我应该如何设置播放器的配置?

非常感谢

0 投票
1 回答
142 浏览

javascript - React.JS video player bug

I am working with a player. I'm developing a website in React and want to use Fragment of a video player to use on some pages. So I create videoFr.js script with that code.

I want to render on Main page a video and pass the component.

Nothing happens in render. However, when I import not fragmentPlayer from my script, but Player and use Player - everything works fine.

What's going on here?

0 投票
0 回答
472 浏览

javascript - 你如何允许使用 react-player 缓冲到某个时间戳?

如果您希望流式传输 hls 或 mpeg-dash 流的视频仅播放到某个时间戳并在该时间戳之后停止播放/缓冲,您将如何使用react-player做到这一点?

0 投票
1 回答
12865 浏览

javascript - React Player 添加自定义播放按钮和覆盖 img

我正在为我的反应网站使用ReactPlayer插件。我想在 vimeo 视频上添加自定义播放按钮和叠加图像,如下图所示。

当我点击播放按钮覆盖图像和按钮需要隐藏和视频开始播放。

播放器链接在这里: https ://jsfiddle.net/e6w3rtj1/

图片

0 投票
4 回答
35794 浏览

javascript - React.js - react-player 如何播放本地视频

我目前正在尝试在 react.js 中的本地主机上播放视频。我正在使用 react-player 模块来创建视频播放器组件。我可以使用 youtube 和 facebook 链接等 url 播放视频,但我无法使用文件路径使用本地视频。我通读了 github 上有关该模块的所有文档,但找不到答案,这就是我在这里问你这个问题的原因。下面是我的代码:

0 投票
1 回答
942 浏览

react-player - 用户点击缩略图后保持 react-player 灯光模式

我正在使用组件中的light={true}设置在ReactPlayer视频列表中显示缩略图。这在初始负载上运行良好。但是,当用户单击缩略图时,我会打开一个模式来播放视频(在一个单独的ReactPlayer组件中)。当用户关闭模式并返回列表时,他们点击的视频现在不再处于“缩略图模式”。

我尝试light: true在 MODAL_CLOSED 操作上从减速器传递一个参数,并且我可以成功地看到该值进入我的组件,但是将属性设置为该值对我的组件light的缩略图模式没有影响。ReactPlayer

ReactPlayer无论用户交互如何,有没有办法始终保持缩略图模式?