cocos2dx 3.3 视频播放的实现-VideoPlayer的使用

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了cocos2dx 3.3 视频播放的实现-VideoPlayer的使用，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

最近因为项目需求需要使用到视频播放功能。

在3.x版本之前如果需要用到视频播放功能就要使用原生的视频播放实现技术，好在3.x之后官方已经集成了视频播放功能，这是值得欣慰的。但是欣慰过后的悲剧在于，官方的文档一直跟不上版本的更新速度。虽然集成了这个功能，但是郁闷的是你要花费很大的力气去尝试使用技巧（仅限于类似我这种菜鸟）。

以下为我整了好久才摸到的使用方法，其实使用不难，难的是一定要注意这个集成的播放器（VideoPlayer）是有平台限制的。一些代码只有在android平台和IOS平台有效。废话不多说了，直接上实例代码：

HelloWorldScene.h文件

[cpp] view plain copy print ?
  1. #ifndef__HELLOWORLD_SCENE_H__
  2. #define__HELLOWORLD_SCENE_H__
  4. #include"cocos2d.h"
  5. //务必引入以下2个.h文件
  6. #include"ui/UIVideoPlayer.h"
  7. #include"ui/CocosGUI.h"
  8. USING_NS_CC;
  9. classHelloWorld:publicLayer
  10. {
  11. public:
  12. staticScene*createScene();
  13. virtualboolinit();
  14. voidonEnter();
  15. voidvideoPlayOverCallback();
  16. voidshowVideo();
  17. /**
  18. *视频播放状态，只有在android和ios平台有效
  19. */
  20. #if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID||CC_TARGET_PLATFORM==CC_PLATFORM_IOS)
  21. voidvideoEventCallback(Ref*sender,cocos2d::experimental::ui::VideoPlayer::EventTypeeventType);
  22. #endif
  23. CREATE_FUNC(HelloWorld);
  24. };
  25. #endif

HelloWorldScene.cpp文件

?

    #include"HelloWorldScene.h"
  2. USING_NS_CC;
  3. Scene*HelloWorld::createScene()
  4. autoscene=Scene::create();
  5. autolayer=HelloWorld::create();
  6. scene->addChild(layer);
  7. returnscene;
  8. }
  9. boolHelloWorld::init()
  10. {
  11. if(!Layer::init())
  12. returnfalse;
  13. returntrue;
  14. voidHelloWorld::onEnter(){
  15. Layer::onEnter();
  16. showVideo();
  17. }
  18. voidHelloWorld::showVideo(){
  19. Sizesize=Director::getInstance()->getVisibleSize();
  20. autovideoPlayer=cocos2d::experimental::ui::VideoPlayer::create();
  21. videoPlayer->setPosition(Point(size.width/2,size.height/2));
  22. videoPlayer->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
  23. videoPlayer->setContentSize(Size(size.width,size.height));
  24. this->addChild(videoPlayer);
  25. if(videoPlayer)
  26. videoPlayer->setFileName("1111.mp4");
  27. videoPlayer->play();
  28. videoPlayer->addEventListener(CC_CALLBACK_2(HelloWorld::videoEventCallback,this));
  29. *视频播放完成的回调函数
  30. voidHelloWorld::videoPlayOverCallback()
  31. /**
  32. *视频播放的状态
  33. *注意这里的代码，此处代码只有在android平台和Ios平台有效
  34. voidHelloWorld::videoEventCallback(Ref*sender,cocos2d::experimental::ui::VideoPlayer::EventTypeeventType){
  35. switch(eventType){
  36. casecocos2d::experimental::ui::VideoPlayer::EventType::PLAYING:
  37. break;
  38. casecocos2d::experimental::ui::VideoPlayer::EventType::PAUSED:
  39. casecocos2d::experimental::ui::VideoPlayer::EventType::STOPPED:
  40. casecocos2d::experimental::ui::VideoPlayer::EventType::COMPLETED:
  41. videoPlayOverCallback();
  42. break;
  43. default:

  44. 如此即可实现视频播放了，对视频的控制请参考官方demo

    ================================下面是另一篇博客的记录========

    Cocos2d-x v2.2.1版本

    下面简单实现Cocos2d-x一个视频播放的模块，需要播放视频时,不用到处乱改了，一句代码搞定！

    一. IOS播放本地视频

    对于IOS平台的视频播放，这里直接使用MediaPlayer.framework来播放视频

    注意：MediaPlayer.framework播放视频格式有限，可能需要转换为指定的视频格式才能播放！

    1.添加MediaPalyer框架到项目中

    2.简单写三个类

    VideoPlatform,IOSPlayVideo,IOSVideoController

    1）VideoPlatform 这个类用来判断播放视频的平台，从而调用各自平台的视频播放接口

    VideoPlatform.h

    [cpp] view plain copy
  1. #ifndef__Platform_H_H__
  2. #define__Platform_H_H__
  3. #include"cocos2d.h"
  4. usingnamespacecocos2d;
  5. classVideoPlatform
  6. {
  7. public:
  8. //在当前的layer上播放视频，视频完毕或者点击跳过视频会跳转到指定的layer上(默认为空，也就是停留在当前layer上)
  9. staticvoidplayVideo(constchar*filename,CCLayer*layer=NULL);
  10. };
  12. #endif//__Platform_H_H__

VideoPlatform.cpp

    #include"VideoPlatform.h"
  1. #include"../../cocos2dx/platform/CCPlatformConfig.h"
  2. #if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
  3. #include<jni.h>
  4. #include"../../cocos2dx/platform/android/jni/JniHelper.h"
  5. #include<android/log.h>
  6. #elif(CC_TARGET_PLATFORM==CC_PLATFORM_IOS)
  7. #include"IOSPlayVideo.h"
  8. #endif
  10. voidVideoPlatform::playVideo( #if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
  11. //Android视频播放代码
  12. JniMethodInfominfo;
  13. boolisHave=JniHelper::getMethodInfo(minfo,"org/cocos2dx/video/video","playVideo","()V");
  14. if(isHave){
  15. minfo.env->CallStaticVoidMethod(minfo.classID,minfo.methodID);
  16. }
  17. //iOS视频播放代码
  18. IOSPlayVideo::playVideoForIOS(filename,layer);
  19. }

2) IOSPlayVideo是IOS平台播放视频的接口

IOSPlayVideo.h

    #ifndef__IOSPlayVideo_H_H__
  1. #define__IOSPlayVideo_H_H__
  2. #include"cocos2d.h"
  3. namespacecocos2d;
  4. classIOSPlayVideo
  5. {
  6. public:
  7. voidplayVideoForIOS( };
  8. #endif//__IOSPlayVideo_H_H__

IOSPlayVideo.mm

    #include"IOSPlayVideo.h"
  1. #include"IOSVideoController.h"
  2. voidIOSPlayVideo::playVideoForIOS(//char*转化为NSString
  3. NSString*audioname=[NSStringstringWithUTF8String:filename];
  4. IOSVideoController*app=[[IOSVideoControlleralloc]init];
  5. [appplayVideo:audioname:layer];
  6. }

3)最后IOSVideoController这个类就是ios播放视频的具体实现了

IOSVideoController.h

    #import"MediaPlayer/MediaPlayer.h"
  1. #import"cocos2d.h"
  2. #include"SimpleAudioEngine.h"
  3. namespaceCocosDenshion;
  4. @interfaceIOSVideoController:MPMoviePlayerViewController
  5. MPMoviePlayerController*movePlayer;
  6. UIWindow*window;
  7. CCLayer*TargetLayer;
  8. //播放网络视频
  9. -(void)playUrlVideo;
  10. //在当前场景上播放视频，播完或者点击跳过视频到指定的场景
  11. -(void)playVideo:(NSString*)filename:(CCLayer*)targetLayer;
  12. @end

IOSVideoController.mm

    #import"IOSVideoController.h"
  1. #import"AppController.h"
  2. @implementationIOSVideoController
  3. //播放网络视频
  4. void)playUrlVideo
  5. }
  6. void)playVideo:(NSString*)filename:(CCLayer*)targetLayer
  7. TargetLayer=targetLayer;
  8. //跳转Layer非空
  9. if(targetLayer){
  10. TargetLayer->retain();
  11. SimpleAudioEngine::sharedEngine()->pauseBackgroundMusic();
  12. SimpleAudioEngine::sharedEngine()->pauseAllEffects();
  13. NSString*myFilePath=[[NSBundlemainBundle]pathForResource:filenameofType:nilinDirectory:nil];
  14. NSURL*url=[NSURLfileURLWithPath:myFilePath];
  15. movePlayer=[[MPMoviePlayerControlleralloc]initWithContentURL:url];
  16. [[NSNotificationCenterdefaultCenter]addObserver:selfselector:@selector(movieFinished:)name:MPMoviePlayerPlaybackDidFinishNotificationobject:movePlayer];
  17. if([movePlayerrespondsToSelector:@selector(setFullscreen:animated:)])
  18. movePlayer.shouldAutoplay=YES;
  19. CCSizewinSize=CCDirector::sharedDirector()->getWinSize();
  20. CCLog("winSize.width====%fwinSize.height====%f",winSize.width,winSize.height);
  21. //这里iPad2和ipad3视频位置调整是正确的，Iphone可能需要细微调整
  22. if([[UIDevicecurrentDevice]userInterfaceIdiom]==UIUserInterfaceIdiomPhone)
  23. movePlayer.view.frame=CGRectMake(-80,80,480,320);
  24. elseif([[UIDevicecurrentDevice]userInterfaceIdiom]==UIUserInterfaceIdiomPad)
  25. movePlayer.view.frame=CGRectMake(-128,128,winSize.height);
  26. else
  27. //强制横屏
  28. CGAffineTransformlandscapeTransform;
  29. UIDevice*device=[UIDevicecurrentDevice];
  30. if(device.orientation==UIDeviceOrientationLandscapeLeft)
  31. landscapeTransform=CGAffineTransformMakeRotation(M_PI/2);
  32. else
  33. landscapeTransform=CGAffineTransformMakeRotation(-M_PI/2);
  34. movePlayer.view.transform=landscapeTransform;
  35. //新建一个window，添加视频这个UIView
  36. window=[[UIWindowalloc]initWithFrame:[[UIScreenmainScreen]bounds]];
  37. [windowaddSubview:movePlayer.view];
  38. [windowmakeKeyAndVisible];
  39. //在视频上方添加“跳过”按钮
  40. CGRectframe=CGRectMake(768-100,100,50);
  41. UIButton*button=[UIButtonbuttonWithType:UIButtonTypeRoundedRect];
  42. button.frame=frame;
  43. [buttonsetTitle:@"跳过"forState:UIControlStateNormal];
  44. button.transform=landscapeTransform;
  45. button.backgroundColor=[UIColorclearColor];
  46. button.tag=2000;
  47. [buttonaddTarget:selfaction:@selector(buttonClicked:)forControlEvents:UIControlEventTouchUpInside];
  48. [windowaddSubview:button];
  49. //设置是否带控制条
  50. movePlayer.controlStyle=MPMovieControlStyleNone;
  51. [[NSNotificationCenterdefaultCenter]addObserver:selfselector:@selector(exitFullScreen:)name:MPMoviePlayerDidExitFullscreenNotificationobject:nil];
  52. movePlayer.controlStyle=MPMovieControlModeHidden;
  53. [selfplayMovie];
  54. //跳过视频
  55. -(IBAction)buttonClicked:(id)sender{
  56. [movePlayerstop];
  57. [movePlayer.viewremoveFromSuperview];
  58. [movePlayerrelease];
  59. [windowrelease];
  60. SimpleAudioEngine::sharedEngine()->resumeBackgroundMusic();
  61. SimpleAudioEngine::sharedEngine()->resumeAllEffects();
  62. if(!TargetLayer){
  63. return;
  64. TargetLayer->removeAllChildrenWithCleanup(true);
  65. TargetLayer->removeFromParent();
  66. CCScene*scene=CCScene::create();
  67. scene->addChild(TargetLayer,10);
  68. CCDirector::sharedDirector()->replaceScene(scene);
  69. //播放开始
  70. void)playMovie
  71. MPMoviePlaybackStatestate=movePlayer.playbackState;
  72. if(state==MPMoviePlaybackStatePlaying)
  73. NSLog(@"Movieisalreadyplaying.");
  74. [movePlayerplay];
  75. //退出全屏
  76. void)exitFullScreen:(NSNotification*)notification{
  77. CCLOG("exitFullScreen");
  78. movePlayer.controlStyle=MPMovieControlStyleDefault;
  79. [movePlayer.viewremoveFromSuperview];
  80. //视频播放结束
  81. void)movieFinished:(NSNotificationCenter*)notification{
  82. //CCLOG("moviePlaybackFinished");
  83. //视频播放完毕
  84. if(state==MPMoviePlaybackStateStopped){
  85. NSLog(@"Movieisalreadystopped.");
  86. return;
  87. [[NSNotificationCenterdefaultCenter]removeObserver:selfname:MPMoviePlayerPlaybackDidFinishNotificationobject:movePlayer];
  88. [windowrelease];
  89. CCScene*scene=CCScene::create();
  90. scene->addChild(TargetLayer,10);
  91. CCDirector::sharedDirector()->replaceScene(scene);
  92. void)dealloc{
  93. [superdealloc];
  94. if(TargetLayer){
  95. TargetLayer->release();
  96. @end


 

 IOS项目里只需在需要的地方调用接口
 

 //只在当前layer上播放视频，播完不跳转就调这个
 

 VideoPlatform::playVideo("test.mp4");
 

 //当前layer上播放视频，播完跳转到指定layer就调这个
 

 VideoPlatform::playVideo("test.mp4",TestLayer::create());
 

 就可以播放视频了！有没有发觉世界瞬间变得美好了一点呢？
 

 
 

 二.IOS播放网络视频
 

 只需将
 

 
 

 
   
 
   
 
  
 
  
 
     NSURL*url=[NSURLfileURLWithPath:myFilePath]; 
 
 
 
类似改为： 

 
 

 
 

 
   
 
   
 
  
 
  
 
     NSURL*url=[NSURLURLWithString:@"http://127.0.0.1/test.mp4"]; 
 
 
 

 
 

 （后面填写视频地址就OK！）
 

 
 
 

 三.Android 播放本地视频
 

 至于Android就稍微麻烦一点，需要用到Jni 技术,C++调用java
 

 1) 添加一个VideoActivity
 

 
 

 
   [java] 
    
   
 
   
 
  
 
  
 
    packageorg.cocos2dx.video; 
  
  1. importandroid.app.Activity;
    2.  
  
  2. importandroid.content.pm.ActivityInfo;
    3.  
  
  3. importandroid.media.MediaPlayer;
    4.  
  
  4. importandroid.net.Uri;
    5.  
  
  5. importandroid.os.Bundle;
    6.  
  
  6. importandroid.view.Window;
    7.  
  
  7. importandroid.view.WindowManager;
    8.  
  
  8. importandroid.widget.MediaController;
    9.  
  
  9. importandroid.widget.VideoView;
    10.  
  
  10. publicclassVideoActivityextendsActivity{
    11.  
  
  11.  @Override
    12.  
  
  12. protectedvoidonCreate(BundlesavedInstanceState){
    13.  
  
  13. super.onCreate(savedInstanceState);
    14.  
  
  14.  requestWindowFeature(Window.FEATURE_NO_TITLE);
    15.  
  
  15.  getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
    16.  
  
  16.  WindowManager.LayoutParams.FLAG_FULLSCREEN);
    17.  
  
  17.  getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);
    18.  
  
  18.  setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);//强制为横屏
    19.  
  
  19.  setContentView(R.layout.videoview);
    20.  
  
  20. finalVideoViewvideoView=(VideoView)findViewById(R.id.VideoView01);
    21.  
  
  21.  videoView.setVideoURI(Uri.parse("android.resource://"+getPackageName()+"/"+R.raw.theme));
    22.  
  
  22.  videoView.start();
    23.  
  
  23. //视频播控制条设置
    24.  
  
  24.  MediaControllercontroller=newMediaController(VideoActivity.this);
    25.  
  
  25.  videoView.setMediaController(controller);
    26.  
  
  26. //播放完成监听
    27.  
  
  27.  videoView.setOnCompletionListener(newMediaPlayer.OnCompletionListener()
    28.  
  
  28.  @Override
    29.  
  
  29. voidonCompletion(MediaPlayermp)
    30.  
  
  30. //播放结束后的动作,返回点击播放视频的那个页面
    31.  
  
  31.  finish();
    32.  
  
  32.  });
    33.  
  
  33.  }
    34.  
 
 
 

 

 

 
 

 2) 修改AndroidManifest.xml，添加一个Activity
 

 
 

 
   [html] 
    
   
 
   
 
  
 
  
 
     <activityandroid:name="VideoActivity" 
  
  1.  android:label="@string/app_name"
    2.  
  
  2.  android:screenOrientation="landscape"
    3.  
  
  3.  android:theme="@android:style/Theme.NoTitleBar.Fullscreen"
    4.  
  
  4.  android:configChanges="orientation">
    5.  
  
  5.  intent-filter>
    6.  
  
  6. actionandroid:name="android.intent.action.MAIN"/>
    7.  
  
  7. categoryandroid:name="android.intent.category.DEFAULT"/>
    8.  
  
  8. </activity>
    9.  
 
 
 

 
 

 
 
 
3) 在res /layout添加一个 videoview.xml 

 
 

 
   
 
   
 
  
 
  
 
    <?xmlversion="1.0"encoding="utf-8"?> 
  
  1. RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    2.  
  
  2.  xmlns:tools="http://schemas.android.com/tools"
    3.  
  
  3.  android:layout_width="match_parent"
    4.  
  
  4.  android:layout_height="match_parent"
    5.  
  
  5.  android:gravity="center"
    6.  
  
  6.  tools:context=".VideoActivity"VideoView
    7.  
  
  7.  android:id="@+id/VideoView01"
    8.  
  
  8.  android:layout_width="fill_parent"
    9.  
  
  9.  android:layout_height="fill_parent"
    10.  
  
  10.  android:layout_alignParentLeft="true"
    11.  
  
  11.  android:layout_alignParentRight="true"
    12.  
  
  12.  android:layout_alignParentTop="true"
    13.  
  
  13.  android:orientation="horizontal"
    14.  
  
  14.  android:theme="@android:style/Theme.NoTitleBar.Fullscreen"RelativeLayout>
    15.  
 
 
 

 
 

 
 
 
4)在res 下添加一个raw文件夹，里面放你要播放的视频，例如：theme.mp4，这里我的视频文件名为theme 

 
 
 

 5)修改video.java (我的Android 项目包名为 org.cocos2dx.video)
 

 
 

 
   
 
   
 
  
 
  
 
    importorg.cocos2dx.lib.Cocos2dxActivity; 
  
  1. importorg.cocos2dx.lib.Cocos2dxGLSurfaceView;
    2.  
  
  2. importandroid.content.Intent;
    3.  
  
  3. classvideoextendsCocos2dxActivity{
    4.  
  
  4. staticvideoinstance;
    5.  
  
  5. staticIntentintent;
    6.  
  
  6.  instance=this;
    7.  
  
  7.  intent=newIntent(video.this,VideoActivity.class);
    8.  
  
  8. voidplayVideo()
    9.  
  
  9.  instance.startActivity(intent);
    10.  
  
  10. publicCocos2dxGLSurfaceViewonCreateView(){
    11.  
  
  11.  Cocos2dxGLSurfaceViewglSurfaceView=newCocos2dxGLSurfaceView(//videoshouldcreatestencilbuffer
    12.  
  
  12.  glSurfaceView.setEGLConfigChooser(5,6,0); background-color:inherit">0,0); background-color:inherit">16,0); background-color:inherit">8);
    13.  
  
  13. returnglSurfaceView;
    14.  
  
  14. static{
    15.  
  
  15.  System.loadLibrary("cocos2dcpp");
    16.  
  
  16.  }
    17.  
 
 
 

 
 

 
 
 
至此 Android播放本地视频就OK了！ 

 

 

 四.Android 播放网络视频
 

 
 
 

 新添加一个如下方法即可(同样也可以使用JNI C++调Java)
 

 
 

 
   
 
   
 
  
 
  
 
    voidplayURLVideo() 
  
  1.  Intentintent=newIntent(Intent.ACTION_VIEW);
    2.  
  
  2.  Stringtype="video/*";
    3.  
  
  3.  Uriuri=Uri.parse("http://forum.ea3w.com/coll_ea3w/attach/2008_10/12237832415.3gp");
    4.  
  
  4.  intent.setDataAndType(uri,type);
    5.  
  
  5.  instance.startActivity(intent);
    6.  
  
  6.  }
    7.   
 
 
 原文链接：https://www.f2er.com/cocos2dx/343960.html
      

      
                 
              
            
          
          
          
          

            

              




            

          


          

            

              

                  
    
猜你在找的Cocos2d-x相关文章



                                    
创建自定义的Cocos2d-x场景

                                
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...

                                
                                
                            



                                    
给vs2010安装上cocos2d-x的模版

                                
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...

                                
                                
                            



                                    
Python创建Cocos2d-x 2.2方法

                                
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...

                                
                                
                            



                                    
cocos2dx 物理碰撞

                                
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数  1 EventListenerPhysics...

                                
                                
                            



                                    
cocos2d-js 自定义事件监听派发

                                
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...

                                
                                
                            







                                    
cocos常用 实用 公共函数 lua代码

                                
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...

                                
                                
                            



                                    
cocos creator box2d

                                
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...

                                
                                
                            



                                    
（转）让quick-cocos2d-x支持加密的plist文件

                                
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...

                                
                                
                            



                                    
（转）quick-cocos2d-x图片资源加密(续)

                                
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...

                                
                                
                            



                                    
Cocos Creator 动态改变sprite图片

                                
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...

                                
                                
                            







            

          

        
        
        
        
        

          
          

            

              

                
                
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova

                

              

            

          

          
         
          

            

              
 



              

            

          

          
          
          
          

            

              

                
                
              

            

          

          


          
          

            

              

                
                
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签