首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

react-native-sound始终将当前播放时间显示为0

react-native-sound是一个用于在React Native应用中播放音频的库。它提供了一种简单的方式来控制音频的播放、暂停、停止和获取当前播放时间等功能。

然而,有时候在使用react-native-sound时,可能会遇到一个问题,即无论音频实际播放的进度如何,当前播放时间始终显示为0。这可能是由于以下几个原因导致的:

  1. 音频文件未正确加载:在使用react-native-sound播放音频之前,需要确保音频文件已经正确加载。可以通过检查文件路径、文件格式和文件是否存在来确认。
  2. 播放器未正确初始化:在使用react-native-sound播放音频之前,需要先初始化播放器。可以通过调用new Sound()方法并传入正确的音频文件路径来初始化播放器。
  3. 播放器未正确设置回调函数:react-native-sound提供了一些回调函数,用于监听音频播放的状态变化。可以通过设置这些回调函数来获取当前播放时间。例如,可以使用onProgress回调函数来获取当前播放时间的更新。
  4. 播放器未正确启动:在初始化播放器并设置好回调函数后,需要调用play()方法来启动音频播放。如果未正确调用该方法,可能会导致当前播放时间始终显示为0。

综上所述,如果react-native-sound始终将当前播放时间显示为0,可以按照以下步骤进行排查和解决:

  1. 确保音频文件已正确加载。
  2. 确保播放器已正确初始化。
  3. 确保已设置正确的回调函数来获取当前播放时间。
  4. 确保已正确启动音频播放。

如果以上步骤都已经正确执行,但问题仍然存在,可能需要进一步检查react-native-sound的版本和相关依赖库的兼容性,或者尝试使用其他音频播放库来解决该问题。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

React Native 音频录制例子来解惑入门

那就先从实际需求出发了,我们要用它来做些什么事情,笔者这里有以下需求: Android和iOS能够用同一套模板页面,不需要各自开发 能够动态更新,类似热更新的能力 能够使用原生组件实现一些能力,比如音频采集和播放...在这段时间实践来看,RN是能够满足我的需求的,今天就通过一个例子来认识下RN是如何进行开发的。...React Native工程目录结构 首先我们分析下RN的目录结构是怎样的,以我创建的工程例,如下图: ?.../js/AudioExample' 导入当前目录下的js目录下的AudioExample.js文件....这个开源组件实现了,录制音频,对音频进行播放、停止、暂停等操作。 看下我的原生工程: ?

1.4K30

怎样使用 iOS 7 的 AVSpeechSynthesizer 制作有声书(1)

当视图载入完毕,设置要显示的 page,并增加滑动手势的识别器以便用户能通过手势进行翻页。 返回当前页的 RWTPage 对象。 设置 book 属性并将当前页置第一页。...设置当前页的显示内容。 查找下一页。假设该页存在。则将下一页设置当前页。 该方法由 swipeNext 手势识别器调用。 查找上一页。假设该页存在。则将上一页设置当前页。...播放和停止! 这是一个非常要命的问题。...假设你听到了语音播放,请再次 Build & Run。这次,在第一页内容播放完之前,尝试向左滑动(向后翻页)。发现了什么? synthesizer 仅仅会在第一页念完之后才開念下一页。...他们会想让第一页停止播放而第二页马上開。这点小瑕疵对于一页内容比較短的童谣来说不成问题。

93730
  • ☀️Python+opencv常用函数☀️

    2、函数 Waitkey 在参数delay正整数n时,延迟n毫秒,或者无限等待按键事件 delay≤0时 。...5、延迟延迟以毫秒单位。0是表示 "永远" 的特殊值。即参数值0时,waitKey函数等待的时间是无限长。...通过以上对官方文档的学习,对waitKey的认识可以归:waitKey函数是一个等待键盘事件的函数,参数值delay<=0时等待时间无限长,delay正整数n时至少等待n毫秒的时间才结束。...imshow,这也是opencv显示的例子了matlab的变种,在早期opencv1.x的版本中,负责图像的功能的函数cvShowImage。...<< endl; getchar(); } return 0; } 使用方法也非常简单,需要注意的一点就是,显示之后必须有waitKey函数,否则显示窗内将一闪而过

    84120

    网页轮播图案例

    功能需求: 1.鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。 2.点击右侧按钮一次,图片往左播放一张,以此类推,左侧按钮同理。 3.图片播放的同时,下面小圆圈模块跟随一起变化。...4.点击小圆圈,可以播放相应图片。 5.鼠标不经过轮播图,轮播图也会自动播放图片。 6.鼠标经过,轮播图模块, 自动播放停止。...鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。...图片无缝滚动原理 把ul第一个li复制一份,放到ul 的最后面 当图片滚动到克隆的最后一张图片时,让ul快速的、 不做动画的跳到最左侧: left 0 同时num赋值0,可以从新开 滚动图片了 克隆第一张图片...点击右侧按钮, 图片滚动一张    var num = 0;    // circle 控制小圆圈的播放    var circle = 0;    // flag 节流阀    var flag

    5.5K21

    网页轮播图案例

    功能需求: 1.鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。 2.点击右侧按钮一次,图片往左播放一张,以此类推,左侧按钮同理。 3.图片播放的同时,下面小圆圈模块跟随一起变化。...鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。...图片无缝滚动原理 把ul第一个li复制一份,放到ul 的最后面 当图片滚动到克隆的最后一张图片时,让ul快速的、 不做动画的跳到最左侧: left 0 同时num赋值0,可以从新开...滚动图片了 克隆第一张图片 克隆ul第一个li cloneNode()加true 深克隆复制里面的子节点 false 浅克隆 添加到ul最后面appendChild() 点击右侧按钮...点击右侧按钮, 图片滚动一张    var num = 0;    // circle 控制小圆圈的播放    var circle = 0;    // flag 节流阀    var flag

    1.4K30

    HTML5游戏开发实战–当心

    以索引值3例。3%4等于3。所以索引值3的纸牌位于第4列。而3/4等于0,所以它位于第1行。...(); document.getElementById( ” buttonactive ” ).pause(); play函数将从当前播放时间的位置開播放音频...currentTime的默认值是0。上面的代码将会从3.5秒的位置開播放音频;还能够通过使用pause函数来暂停一个audio元素的播放。...默认情况下,它使用十进制,可是当字符串以零開时。parseInt将以八进制来解析字符串。比方。...31.能够使用例如以下CSS样式将这些图像标签资源位置移出HTML的显示范围以达到隐藏它们的目的。 我们不使用display:none来做这件事。由于浏览器无法获取未显示元素的长度和高度。

    1.8K10

    【v2.x OGE课程 14】 控制使用

    (bird); 2.播放动画 AnimatedSprite类中有各种animate方法对帧图进行播放,下面是animate方法中各參数意思: pFrameDurationEach:每帧播放时间(毫秒)...pLoop:是否循环 pLoopCount:循环次数 pFrameDurations:自己定义每帧播放时间 pFirstTileIndex:从哪一帧開播放 pLastTileIndex:从哪一帧结束播放...(FirstTileIndex必须小于LastTileIndex) pFrames[]:自己定义播放的帧 IAnimationData:设置动画參数的接口 3.播放动画监听 AnimatedSprite...若超出则后面部分不显示 Text bitmapText = new Text(0, 0, bitmapFont, “Hello World!”...;//object必须是attachChild时所引用的对象 方法二: bitmapText.detachSelf();//引用其Parent对象将其detach 4.软键盘监听 /**hint 文本空时出现的信息

    35120

    基于react的H5音频播放

    audio满足如下特殊属性 HTML 音频/视频重要属性 属性 描述 currentTime(重要) 设置或返回音频/视频中的当前播放位置(以秒计)。...duration 返回当前音频/视频的长度(以秒计)。设置或返回是否在加载完成后随即播放音频/视频。 HTML 音频/视频事件 事件 描述 canplay 当浏览器可以开始播放音频/视频时触发。...进度条的大致原理就是获取音频的当前播放时长以及音频总时长的比例,然后通过这个比例与进度条宽度相乘,可以得到当前播放时长下进度条需要被填充的宽度。...this.lectureAudio.currentTime = this.state.currentTime; //改变audio真正的播放时间...duration: 0, left: 0, playState: false } } 播放器的核心就是

    8.1K10

    "Hello Lua"分析「建议收藏」

    方向又改变了,还是回到之前的cocos2dx开发,但用的不是C++,而是lua脚本语言来开发,对我而言又是差点儿是从新開。既来之则安之,在接触了那么多方向之后,是该选择一个确定的研究方向深入下去。...花两天时间看完lua语法,然后花了一天看了下cocos2dx lua的Demo,接下来就能够进行项目开发了,不然每天开例会总是处于学习阶段总感觉不好,公司不会养两种人,懒人和闲人,所以还是多花点业余时间来弥补自己的缺陷...,值越小播放越快 --创建一个动画 local animate = CCAnimate:create(animation) --设置精灵循环播放这个动作...这里并不播放,预载入是为了在播放时不造成卡顿感。...后面一个是错误处理的函数xpcall(main, __G__TRACKBACK__) 注意:假设要显示中文。

    59320

    电脑日常使用小常识

    文章目录 问题 解决 鼠标无法拖动文件了 电脑上给别人写教程 windows分屏显示多个软件界面 一边说话一边语音识别输入 快速给同目录下所有文件夹重命名 暴风影音播放时底部显示黑边遮挡字幕 暴风影音旋转屏幕...快速给同目录下所有文件夹重命名 选中所有文件,按f2,假如给第一个命名为a,后面的将会是依次a(1),a(2)… 暴风影音播放时底部显示黑边遮挡字幕 全屏即可解决 切换使用alt tab 暴风影音旋转屏幕...U:笔记本专用低电压CPU,一般双核,U前面一位数字8,则是28W功耗的低压处理器(标准电压双核处理器功耗35W),若前一位数字7,则是17W功耗的低压处理器,若为0,则是15W功耗的低压处理器...若QM前一位数字是0,则表示此产品功耗45W的标准电压四核处理器,若为2,则表示此产品35W功耗的低电压四核处理器,若为5,与对应为0的CPU主要规格相同,但集成的核芯显卡频率更高(如3630QM和...ray你的用户名 添加计划任务,让电脑自动重启 计划任务 前面设定每天重启的时间,名字随意 ?

    1K20

    0x00000000该内存不能为read

    解决方法:当使用的输入法微软拼音输入法2003,而且隐藏语言栏时(不隐藏时没问题)关闭RealOne就会出现这个问题,因此在关闭RealOne之前能够显示语言栏或者将随意其它输入法作为当前输入法来解决问题...并指出被引用的内存地址0x00000000」。 内存分配失败故障的原因非常多。内存不够、系统函数的版本号不匹配等都可能有影响。因此,这样的分配失败多见于操作系统使用非常长时间后。...显示0x77f745cc”指令引用的“0x00000078”内存。该内存不能为“written”,要终止程序,请单击“确定”。而在Windows 98里执行却正常。...而且隐藏语言栏时(不隐藏时没问题)关闭RealOne就会出现这个问题,因此在关闭RealOne之前能够显示语言栏或者将随意其它输入法作为当前输入法来解决问题。...还不行,仅仅好换就用别的播放器试试了。 例五:双击一个游戏的快捷方式,“0x77f5cd0”指令引用“0xffffffff”内 存。

    2K20

    C语言 小游戏之贪吃蛇

    如今大三,经过了这一年半的编程,如今认为这个C语言的贪吃蛇还是比較简单的,花的时间不非常多! 我认为主要是思路正确,基本上就米什么大的问题。 如今贴上我的代码和我的详解,希望大家多交流。...在地图上标示空 void Initial(); //地图的初始化 void Create_Food(); //在地图上随机产生食物 void Show(); //刷新显示地图 void Button...= 0) //检查当前是否有键盘输入,若有则返回一个非0值,否则返回0 { while(kbhit() !...; //保存当前蛇的长度 //记录当前蛇头的位置,并设置空,蛇头先移动 x = Snake[0].x; y = Snake[0].y; GameMap[x][y] = '...(); //蛇头是否越界 Check_Head(x, y); //蛇头移动后的位置情况,參数: 蛇头的開位置 if(sum == t) //未吃到食物即蛇身移动哦 for(i =

    98520

    【iVX 初级工程师培训教程 10篇文拿证】07 08 新闻页制作

    在页面显示时触发页面响应事件: 该页面调用数据获取服务,传入始末两个变量,始末变量数据库分页变量,通过数据获取服务即可得到对应的数据,随后将数据赋值到信息对象数组中。...那么信息数据库列如下: 随后查看 循环创建如下,再将数据对其进行数据绑定即可: 接着咱们从数据获取服务中查看: 该数据服务接收了始末两个变量作为对数据选取的区间值,例如变量...0,末3,那么就是0到3之间的数据内容,如果每页数据条数3,每下一页的始末值就是3 6、6 9、9 12 依次加上,每上一页内容就是始末变量递减3即可。...那么在此列出上下页按钮事件: 二、详情页 详情页需要我们点击首页中的内容进入,那么就是首页中的信息行设置点击事件: 我们可以看到,在点击信息后需要传递一个当前数据的ID值,这个ID值系统会自动提供到输入框中...当点击了信息行后跳转到详情页,在详情页的显示事件中调用服务获取到详情数据。

    29210

    cocos3——8.实现初学者指南

    而什么时候開、什么时候结束,假设量小且開、结束条件都比較特殊的话, 就能够找到相关的地方開和结束引导。..., arrow: 1, }, // ...];// 获取上次引导完毕的步数guide.cur_step = storage.get('guide') || 0; 然后准备開和结束引导的接口...引导開guide.start的时候,推断步数是当前步。就引导当前步,从上面配置的steps里面获取要引导的文字内容。...以及參考节点的名字(參考节点会挂到guide.start被调用的当前界面node对象下)、以及箭头等(文字、箭头的显示我就不多说了)。然后更新裁剪区域、显示文字、箭头等。...在引导结束的时候将当前步数添加。 而实际设计各个引导的时候,比方在第i步的时候,去開的地方调用guide.start(i),在引导完的时候掉guide.end(i)就能够了。

    33920

    10分钟做一个新闻问答web站点

    ,完成后将对象数组的值赋值当前服务返回的值: 此时我们对象数组中的值清空后,页面依旧会显示内容,这是因为已经使用服务将数据库的值赋予给页面中的对象数组: 三、搜索功能制作 搜索功能主要是通过输入关键字...和3代替: 此时写死也并不是太好,咱们在home页面中创建两个变量,一个叫,一个叫末: 并且的值1,末的值3。...此时我们点击数据获取服务,在有数据的时候成功返回值,若没有数据就返回0: 接着再到下一页中编写事件,完成数据获取后,返回的结果值不等于0则赋值信息对象数组的值返回的数据,若返回结果0说明空数据...: 接着还需要在home页的信息对象数组中添加一个列叫做数据ID: 接下来咱们需要在详情页中添加一个ID变量,随后在信息行中添加一个时间,当点击该行时给予ID变量赋值当前数据的数据ID...,并且跳转页面到详情页: 接着添加一个服务通过数据ID查找到合适的内容: 接着在详情页中,添加一个显示时响应的时间,该事件响应后就启动详情服务,并且把数据ID当作参数传递到服务之中,最后将详情页中的信息对象数组赋值返回的值

    50620
    领券