基于RN的视频播放方法、系统及电子设备和存储介质技术方案

技术编号:22597797 阅读:57 留言:0更新日期:2019-11-20 12:34
本申请公开了一种基于React Native的视频播放方法、系统及一种电子设备和计算机可读存储介质,该方法包括:确定目标多媒体播放器在安卓系统中的实现类,对所述实现类的接口进行封装得到目标实现类,以使所述实现类中方法的调用方式与安卓系统原生的多媒体播放器一致;利用所述目标实现类创建目标多媒体播放器的视图类;通过继承React Native的SimpleView Manager类创建视图管理类;利用所述目标多媒体播放器播放视频。本申请能够增加React Native框架下可播放视频的格式种类。

Video playing method, system, electronic equipment and storage medium based on Rn

The application discloses a video playing method and system based on react native and an electronic device and computer readable storage medium. The method includes: determining the implementation class of the target multimedia player in the Android system, encapsulating the interface of the implementation class to obtain the target implementation class, so as to make the method call mode in the implementation class and the native multimedia of the Android system The player is consistent; the view class of the target multimedia player is created by using the target implementation class; the view management class is created by inheriting the simpleview manager class of react native; and the video is played by using the target multimedia player. The application can increase the format types of the playable video under the real native framework.

【技术实现步骤摘要】
基于RN的视频播放方法、系统及电子设备和存储介质
本申请涉及计算机
,更具体地说,涉及一种基于RN的视频播放方法、系统及一种电子设备和一种计算机可读存储介质。
技术介绍
RN(ReactNative)是一种开源的跨平台移动应用开发框架,RN使用Javascript语言,熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域,因此利用RN框架开发移动应用已经成为安卓系统开发的主要形式。近几年流行的ReactNative技术使得移动端开发更高效、快速,但在当前ReactNative生态中,并没有一款媒体封装格式支持齐全的播放器可用。例如,比较流行的react-native-video组件,无法播放flv、rmvb等格式。因此,如何增加ReactNative框架下可播放视频的格式种类是本领域技术人员需要解决的问题。
技术实现思路
本申请的目的在于提供一种基于ReactNative的视频播放方法、系统及一种电子设备和一种计算机可读存储介质,增加ReactNative框架下可播放视频的格式种类。...

【技术保护点】
1.一种基于React Native的视频播放方法,其特征在于,包括:/n确定目标多媒体播放器在安卓系统中的实现类,对所述实现类的接口进行封装得到目标实现类,以使所述实现类中方法的调用方式与安卓系统原生的多媒体播放器一致;/n利用所述目标实现类创建目标多媒体播放器的视图类,以便所述视图类向所述目标实现类传递视图对象;其中,所述视图类继承安卓系统中的TextureView类;/n通过继承React Native中的SimpleViewManager类创建视图管理类,以便通过所述视图管理类管理的对象类型适配React Native的JavaScript接口和所述目标实现类中定义的接口;其中,所述视...

【技术特征摘要】
1.一种基于ReactNative的视频播放方法,其特征在于,包括:
确定目标多媒体播放器在安卓系统中的实现类,对所述实现类的接口进行封装得到目标实现类,以使所述实现类中方法的调用方式与安卓系统原生的多媒体播放器一致;
利用所述目标实现类创建目标多媒体播放器的视图类,以便所述视图类向所述目标实现类传递视图对象;其中,所述视图类继承安卓系统中的TextureView类;
通过继承ReactNative中的SimpleViewManager类创建视图管理类,以便通过所述视图管理类管理的对象类型适配ReactNative的JavaScript接口和所述目标实现类中定义的接口;其中,所述视图管理类管理的对象类型为视图对象类,所述视图对象类继承所述视图类;
利用所述目标多媒体播放器播放视频。


2.根据权利要求1所述视频播放方法,其特征在于,还包括:
利用所述视图类执行视频画面尺寸调整操作。


3.根据权利要求1所述视频播放方法,其特征在于,利用所述目标多媒体播放器播放视频包括:
依次调用所述目标实现类中的setDataSource函数、prepareAsync函数和start函数播放视频。


4.根据权利要求1所述视频播放方法,其特征在于,所述JavaScript接口为实现了ReactNative的LifecycleEventListener接口。


5.根据权利要求1所述视频播放方法,其特征在于,所述目标实现类中定义的接口包括OnPreparedListener、OnErrorListener、OnBufferingUpdateListener、OnSeekCompleteListener、OnCompletionListener和OnInfoListener。


6.根据权利要求1所述视频播放方法,其特征在于,所述目标播放器为APlayer。


7.一种基于ReactNative的视频播放系统,其特征在于,包括:
封装模块,用于确定目标多媒体播放器在安卓系统中的实现类,对所述实现类的接口进...

【专利技术属性】
技术研发人员:董晓赟
申请(专利权)人:深圳市网心科技有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1