鸿蒙HarmonyOS视频播放的实现
一、介绍
本篇Codelab将实现的内容
HarmonyOS是面向全场景多终端的分布式操作系统,使得应用程序的开发打破了智能终端互通的性能和数据壁垒,业务逻辑原子化开发,适配多端。通过一个简单应用开发,体验HarmonyOS的视频播放能力
您将建立什么
在这个Codelab中,你将创建DemoProject,并将Demo编译成Hap,此示例应用程序展示了如何播放视频。
您将会学到什么
如何创建一个HarmonyOSDemoProject如何构建一个Hap并且将其部署到智慧屏真机通过此示例应用体验如何播放本地或者在线视频
二、您需要什么
1.硬件要求
- 操作系统:Windows1064位
- 内存:8G及以上。
- 硬盘:100G及以上。
- 分辨率:1280*800及以上
2.软件要求
- 需手动下载安装,详细步骤请参考《DevEcoStudio使用指南》2.1.2
- JDK:DevEcoStudio自动安装。
- Node.js:请手动下载安装,详细步骤请参考《DevEcoStudio使用指南》2.1.3下载和安装Node.js。
- HarmonyOSSDK:待DevEcoStudio安装完成后,利用DevEcoStudio来加载HarmonyOSSDK。详细步骤请参考《DevEcoStudio使用指南》2.1.6加载HarmonyOSSDK。
- Maven库依赖包:如需手动拷贝和配置,详细步骤请参考《DevEcoStudio使用指南》2.3离线方式配置Maven库。
3.需要的知识点
Java基础开发能力。
三、能力接入准备
实现HarmonyOS应用开发,需要完成以下准备工作:
1.环境准备。
2.环境搭建。
3.创建项目
4.申请调试证书
5.应用开发
具体操作,请按照《DevEcoStudio使用指南》中详细说明来完成。
提示:需要通过注册成开发者才能完成集成准备中的操作。
四、代码片段
1.布局:
创建播放视频的Ability
publicclassVedioPlayAbilitySliceextendsAbilitySliceimplementsSurfaceOps.Callback
布局截图:
布局代码:
//设置页面背景透明
WindowManagerwindowManager=WindowManager.getInstance();
Windowwindow=windowManager.getTopWindow().get();
window.setTransparent(true);
//页面父布局
DependentLayoutmyLayout=newDependentLayout(this);
DependentLayout.LayoutConfigparams=newDependentLayout.LayoutConfig(MATCH_PARENT,MATCH_PARENT);
myLayout.setLayoutConfig(params);
//显示视频的自定义videoView
DependentLayout.LayoutConfiglpVideo=newDependentLayout.LayoutConfig(MATCH_PARENT,MATCH_PARENT);
videoView=newVideoView(this,this);
videoView.setHandler(handler);
myLayout.addComponent(videoView,lpVideo);
DependentLayoutrlParent=newDependentLayout(this);
DependentLayout.LayoutConfiglpParent=newDependentLayout.LayoutConfig(MATCH_PARENT,WRAP_CONTENT);
lpParent.addRule(DependentLayout.ALIGN_PARENT_BOTTOM);
lpParent.leftMargin=ConvertUtils.dp2Px(40);
lpParent.rightMargin=ConvertUtils.dp2Px(40);
lpParent.bottomMargin=ConvertUtils.dp2Px(40);
myLayout.addComponent(rlParent,lpParent);
//显示播放暂停按钮
playBtn=newImage(this);
DependentLayout.LayoutConfiglpPlayBtn=newDependentLayout.LayoutConfig(ConvertUtils.dp2Px(40),ConvertUtils.dp2Px(40));
lpPlayBtn.addRule(DependentLayout.ALIGN_PARENT_RIGHT);
playBtn.setLayoutConfig(lpPlayBtn);
playBtn.setId(1112);
playBtn.setPixelMap(ResourceTable.Media_pause);
playBtn.setScaleType(Image.ScaleType.SCALE_TO_FULL);
playBtn.invalidate();
playBtn.setClickedListener(newComponent.ClickedListener(){
@Override
publicvoidonClick(Componentcomponent){
if(videoView.getPlayState()==VideoView.STATE_PLAYING){
videoView.pause();
playBtn.setPixelMap(ResourceTable.Media_play);
}else{
videoView.start();
playBtn.setPixelMap(ResourceTable.Media_pause);
}
}
});
rlParent.addComponent(playBtn);
//显示当前视频播放时间
timePlay=newText(this);
DependentLayout.LayoutConfiglpTimePlay=newDependentLayout.LayoutConfig(WRAP_CONTENT,WRAP_CONTENT);
lpTimePlay.addRule(DependentLayout.CENTER_VERTICAL);
timePlay.setLayoutConfig(lpTimePlay);
timePlay.setId(1111);
timePlay.setText("00:00/00:00");
timePlay.setTextSize(40);
timePlay.setTextColor(Color.WHITE);
rlParent.addComponent(timePlay);
//显示播放进度条
roundProgressBar=newProgressBar(this);
roundProgressBar.setProgressWidth(ConvertUtils.dp2Px(5));
roundProgressBar.setProgressColor(Color.RED);
roundProgressBar.setMax(100);
roundProgressBar.setProgress(0);
DependentLayout.LayoutConfiglpProgressBar=newDependentLayout.LayoutConfig(MATCH_PARENT,ConvertUtils.dp2Px(40));
lpProgressBar.addRule(DependentLayout.RIGHT_OF,timePlay.getId());
lpProgressBar.leftMargin=ConvertUtils.dp2Px(20);
lpProgressBar.rightMargin=ConvertUtils.dp2Px(60);
rlParent.addComponent(roundProgressBar,lpProgressBar);
2.自定义VideoView
继承父类SurfaceProvider:
publicclassVideoViewextendsSurfaceProviderimplementsPlayer.IPlayerCallback
初始化:
publicVideoView(Contextcontext,SurfaceOps.Callbackcallback){
super(context);
player=newPlayer(getContext());
player.setPlayerCallback(this);
OptionalsurfaceHolderOptional=getSurfaceOps();
SurfaceOpssurfaceHolder=surfaceHolderOptional.get();
surfaceHolder.addCallback(callback);
setZOrderOnTop(false);
state=STATE_INIT;
}
播放视频
如果播放的是在线视频,需要申请网络权限:
"reqPermissions":[
{
"name":"harmonyos.permission.INTERNET"
}
]
publicvoidplayAssets(StringfileName,booleanisLooping,SurfaceOpsholder){
try{
//播放本地视频://player.setSource(getContext().getResourceManager().getRawFileEntry(fileName).openRawFileDescriptor());
//播放在线视频:
player.setSource(newSource("https://media.w3.org/2010/05/sintel/trailer.mp4"));
player.setVideoSurface(holder.getSurface());
player.enableSingleLooping(isLooping);
player.enableScreenOn(true);
player.prepare();
initPlayViewSize();
player.play();
if(state!=STATE_INIT){
player.rewindTo(currentTime*1000);
}
state=STATE_PLAYING;
handler.sendEvent(InnerEvent.get(MESSAGE_UPDATE_PLAY_TIME));
}catch(Exceptione){
e.printStackTrace();
Log.hiLog(e.toString());
}
}
privatevoidinitPlayViewSize(){
intvideoWidth=player.getVideoWidth();
intvideoHeight=player.getVideoHeight();
Log.hiLog("videoWidth:"+videoWidth+",videoHeight:"+videoHeight);
if(videoWidth
暂停:
publicvoidpause(){
if(state==STATE_PLAYING){
player.pause();
state=STATE_PAUSE;
}
}
在AbilitySlice启动自动播放:
@Override
publicvoidsurfaceCreated(SurfaceOpssurfaceOps){
Log.hiLog("surfaceCreated");
videoView.playAssets("resources/rawfile/VID_20200613_204240.mp4",true,surfaceOps);
}
@Override
publicvoidsurfaceDestroyed(SurfaceOpssurfaceOps){
Log.hiLog("surfaceDestroyed");
videoView.stop();
}
3.响应遥控器点击
@Override
publicbooleanonKeyUp(intkeyCode,KeyEventkeyEvent){
switch(keyCode){
caseKeyEvent.KEY_DPAD_CENTER:
caseKeyEvent.KEY_ENTER:
playBtn.performClick();
returntrue;
default:
break;
}
returnfalse;
}
4.编译运行该应用
通过hdc连接大屏设备
先查看智慧屏IP:
大屏设置->"网络与连接"->"网络"->"有线网络"
在cmd或者IDE的Terminal输入命令:
hdctconn192.168.3.9:5555
运行hap
五、恭喜你
干得好,你已经成功完成了HarmonyOS应用开发E2E体验,学到了:
1.如何创建一个HarmonyOSDemoProject
2.如何构建一个Hap并且将其部署到真机
3.在HarmonyOS上如何使用HarmonyOS的视频播放的能力
到此这篇关于鸿蒙HarmonyOS视频播放的实现的文章就介绍到这了,更多相关HarmonyOS视频播放内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。