腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
React
/
NextJS
中
howler
播放器
的
单个
实例
、
、
、
我在我
的
应用程序渲染
的
每个页面上都有很多音频(在
NextJS
中
)。我希望当用户点击一个音频按钮时,任何其他音频播放都会停止(我只想同时播放一个音频)。我怎样才能做到这一点呢?(我使用
的
是) 我
的
想法是有一个单一
的
咆哮
实例
作为单例吗?有没有可能拥有一个函数
的
单个
实例
并在整个应用程序中共享它?使用
React
上下文?(但它们不是唯一
的
,对吧?)
浏览 85
提问于2021-01-27
得票数 1
4
回答
如何在
react
中使用
howler
.js?
、
、
import
React
, { Component } from "
react
"; class App extends Component
浏览 0
提问于2019-02-26
得票数 6
1
回答
在actions
中
实例
化一个新
的
Howler
对象并对事件分派操作
、
、
、
所以我正在尝试构建一个
React
.js + Redux音频
播放器
。我正在使用
Howler
.js库处理来自API
的
音频。我正在从
播放器
控制按钮和其他组件(如磁道列表组件)中分派操作。我在这里
实例
化了一个新
的
Howl对象,它运行,但是这里有一些问题: 在我
的
Action
中
建立一个新
浏览 2
提问于2019-11-09
得票数 0
回答已采纳
1
回答
如何在播放列表中使用ReactHowler
、
、
、
我安装了
Howler
和HowlerReact,但是在页面上我得到了以下错误:这是我
的
密码:import ReactHowler from '
react</e
浏览 1
提问于2020-08-09
得票数 0
回答已采纳
1
回答
亲本反应handleClick
、
、
在从子对象
的
父级设置可访问
实例
变量之前出现了一些问题。没有解决我最初
的
问题,音乐同时播放。州不应该改变,以前
的
状态应该(?)被覆盖时 this.setState({
howler
: howlerInstance
浏览 3
提问于2016-01-10
得票数 1
回答已采纳
1
回答
如何管理
React
&
NextJS
中
的
依赖关系?
、
、
如何在
React
中
管理依赖注入? 我来自一个角度世界,在那里所有的服务都是单例类(即在整个应用程序
中
只有一个类
的
实例
)。在我
的
React
App
中
,我尝试将一些“服务”(即做HTTP请求或身份验证
的
东西)抽象到它们自己
的
类
中
。我猜这是
React
中
的
反模式。我在构造函数
中
包含了console.log,这样我就可以跟踪何时创建新<e
浏览 31
提问于2020-06-22
得票数 0
回答已采纳
1
回答
无法让
Howler
暂停/停止音频
、
、
、
、
因此,我创建了一个简单
的
web应用程序,使用带有
react
的
咆哮来流式播放我们之前上传到网站
的
歌曲。我使用firebase来存储音频文件,并使用
howler
来回放它们。) : ( Pause )} } 在这里,切换按钮和播放功能运行良好
浏览 13
提问于2021-11-19
得票数 0
1
回答
TypeError:_
howler
2.default不是构造函数
、
、
我正在尝试将导入到一个小
的
React
应用程序
中
。我在我
的
node_modules
中
安装了npm install
howler
--save-dev和npm install
howler
--save-dev。在我
的
app.js
中
,我用但是当我试图用
浏览 11
提问于2017-03-01
得票数 1
回答已采纳
1
回答
React
howler
-无法加载核心函数
、
我正在使用在我
的
React
应用程序
中
播放声音。在我
的
组件
的
顶部,我有以下导入:import
React
, {Component} from '
react
'; <ReactHowler src={"url to some source"} play
浏览 2
提问于2017-02-16
得票数 0
回答已采纳
2
回答
Howler
不会加载和播放声音文件
、
我正在做一个小型
的
reactTS项目,我想用它来播放一些声音。当尝试加载文件时(我已经尝试了.mp3和.webm),它们将不会加载。(是,my assets文件夹,音频文件存放在公共文件夹
中
) 下面是创建声音
的
函数,它接受文件
的
路径,并通过map函数调用。
浏览 77
提问于2020-11-30
得票数 1
2
回答
如何在一个onClick
中
同时添加回调和函数?
我有一个按钮,它有一个回调函数,其中我想添加另一个播放音乐
的
函数。我该怎么做?我
的
代码:import { Howl } from '
howler
'; );在运行上面的代码后,我出现了一个错误:期望得到一个赋值或
浏览 7
提问于2022-03-15
得票数 1
回答已采纳
1
回答
在电子内部使用时,咆哮抛出“解码音频数据失败”
、
、
、
我正在尝试在渲染进程中使用电子应用程序
中
的
Howler
.js加载音频文件。new Howl({)}Decoding我正在使用Parcel构建一个基于
React
的
前端。 当我尝试删除它们
浏览 3
提问于2020-03-22
得票数 0
1
回答
Nextjs
- Reactjs -链接模式-不变体冲突:
React
.Children.only预期将接收
单个
React
元素子元素
、
、
我和
NextJS
一起工作。我在做布局设计。在我
的
布局
中
,有一些带有链接
的
导航组件。当我尝试在内部创建带有锚
的
链接时,我
的
控制台将返回我: <Link
浏览 0
提问于2018-08-09
得票数 2
回答已采纳
1
回答
反应主机和
NextJS
远程应用程序示例/配置模块联合会
、
、
、
我没有找到一个
react
主机和
nextjs
远程应用程序
的
例子,我
的
主机正在使用一个
react
远程应用程序,现在我正在尝试添加一个
nextjs
远程应用程序,它不起作用: -
React
remote `3001` 在我
的
主机
react
应用程序
中
,我有以下内容,在webpack.config.js文件
浏览 10
提问于2022-04-24
得票数 1
2
回答
如何通过管道将
Howler
.masterGain输出传输到mediaRecorder
、
、
我正在尝试录制来自
Howler
的
合成
的
Web- audio -API输出(一堆声音和音频子画面以编程方式组合在一起)。到目前为止,我已经尝试将
Howler
.masterGain上下文连接到createMediaStreamDestination节点,但是MediaRecorder.ondataavailable事件只触发一次下面是一个带有有线up版本
的
示例: const audioURL = 'https://cdn.glitch.com/02dcea11-9bd2
浏览 25
提问于2020-02-12
得票数 2
1
回答
木偶师不能在下一节
中
拍摄反应玩家
的
截图。
、
、
我有一个简单
的
nextjs
页面,它只有一个div,带有简单
的
h1标签和响应视频
播放器
组件。我想拍一个截图,我
的
看法,h1标签和视频
播放器
,无论是在那一刻正在播放
的
木偶师。我已经实现了傀儡,但它不采取截图
的
视频
播放器
,相反,它只返回h1标签和空白后。 木偶师截图: 我正在使用
nextjs
客户端api文件夹调用傀儡。console.log("img"
浏览 4
提问于2022-08-29
得票数 1
1
回答
Webpack +打字本正在将外部导入编译为require,导致错误
、
、
、
我可以很好地导入内部模块,但是当我尝试从我
的
node_modules目录(在本例
中
是
howler
)导入一个模块时,它会被编译成一个require()语句,而我
的
浏览器不理解它。示例:在我
的
文件
的
第1行,我有:然后,当我编译我
的
client.js (从源TS文件、面向浏览器并被index.html访问)并打开浏览器控制台时值得注意
的</em
浏览 7
提问于2022-01-27
得票数 1
1
回答
当我们通过chrome android通知暂停音频时,
howler
.js没有检测到Pause事件
、
、
、
、
我正在使用
howler
.js播放音频,并将
实例
声明为 sound = new Howl({ onpause: () => { } }); 一切正常,但是当播放音频时,chrome android会显示播放歌曲
的
通知,而当我们通过通知暂停音频时,
howler
.js不会检测到。请让我知道如何在我们
的
代码
中
检测它。
浏览 41
提问于2020-07-24
得票数 1
2
回答
在Google app Engine上运行
的
NextJs
应用程序
的
正确配置是什么?
、
、
、
、
我觉得我已经尝试了app.yaml和next.config.js
中
的
所有东西,所以我只是在问,要让
NextJs
应用程序在Google app Engine上运行,正确
的
配置是什么?我能让它工作
的
唯一方法是删除所有<Link href="...">
实例
并使用下面的app.yaml。以下是我使用
的
模块
的
版本。
react
-cookie": "^4.0.1", "
浏览 43
提问于2019-11-01
得票数 2
回答已采纳
1
回答
Nextjs
动态路由在生产中返回404,但在本地主机
中
不返回。
、
我正在努力学习动态路由是如何与
NextJS
一起工作
的
,问题是在本地主机(npm run dev)
中
工作很好,但是一旦我将它推到Netlify中生产,我就会得到404错误。静态页面是工作
的
,它只是发生在动态路由。下面是我所拥有的代码
的
一个示例(只是一个简单
的
、静态
的
json来测试它
的
工作方式): return(
浏览 13
提问于2022-08-30
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React中父子组件的交互实例
如何使用 Google CrUX 分析和比较 JS 框架的性能
为什么我不再用Vue,改用React?
想在2020年成为前端大师?就做这9个项目吧
Vue.js最佳静态站点生成器对比
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券