美文网首页iOS开发技术类
ARKit 在模型上播放视频(附进度控制)

ARKit 在模型上播放视频(附进度控制)

作者: 小沛2016 | 来源:发表于2018-05-03 11:05 被阅读371次

国际惯例先上效果图

Untitled.gif

原理

把模型的material 设置成AVPlayer  就可以了

SCNMaterial * material = [[SCNMaterial alloc]init];

material.diffuse.contents = self.player;

self.showNode.geometry.materials = @[material];

代码

//
//  ViewController.m
//  palyVoidOnSCNNode
//
//  Created by LJP on 2018/5/3.
//  Copyright © 2018年 ljp. All rights reserved.
//

#import "ViewController.h"

@interface ViewController () <ARSCNViewDelegate>

@property (nonatomic, strong) IBOutlet ARSCNView *sceneView;

/**
 *  添加模型按钮
 */
@property (nonatomic, strong) UIButton * addNodeBtn;

/**
 *  把视频加在模型上的按钮
 */
@property (nonatomic, strong) UIButton * playVoidBtn;

/**
 *  播放器对象
 */
@property (nonatomic, strong) AVPlayer *player;

/**
 *  展示的模型
 */
@property (nonatomic, strong) SCNNode *showNode;

/**
 *  调节进度的滑竿
 */
@property (nonatomic, strong) UISlider *slider;

/**
 *  调节的时间
 */
@property (nonatomic, assign) CMTime chaseTime;

@end

    
@implementation ViewController

#pragma mark ========================= 生命周期 =========================
- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self initUI];
}

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    
    ARWorldTrackingConfiguration *configuration = [ARWorldTrackingConfiguration new];

    [self.sceneView.session runWithConfiguration:configuration];
}

- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    
    [self.sceneView.session pause];
}


#pragma mark ========================= 初始化方法 ========================
- (void)initUI {
    
    self.sceneView.delegate = self;
    SCNScene *scene = [SCNScene new];
    self.sceneView.scene = scene;
    
    [self.sceneView addSubview:self.addNodeBtn];
    [self.sceneView addSubview:self.playVoidBtn];
    [self.sceneView addSubview:self.slider];

}


#pragma mark ========================= 私有方法 ==========================
- (void)trySeekToChaseTime{
    
    if (_player.currentItem.status == AVPlayerItemStatusReadyToPlay) {
        
        [self actuallySeekToTime];
        
    }
    
}

- (void)actuallySeekToTime {
    
    CMTime seekTimeInProgress = self.chaseTime;

    [self.player seekToTime:seekTimeInProgress
            toleranceBefore:kCMTimeZero
            toleranceAfter :kCMTimeZero
          completionHandler:^(BOOL finished) {
        
//        [self.player play]; 打开就会自动播放了

    }];
    
}

#pragma mark ========================= 事件处理 ==========================
- (void)clickAddNodeBtn {
    
    [self.sceneView.scene.rootNode addChildNode:self.showNode];
    
}

- (void)clickPlayVoidBtn {
   
    SCNMaterial * material = [[SCNMaterial alloc]init];
    
    material.diffuse.contents = self.player;
    
    self.showNode.geometry.materials = @[material];
    
    [self.player play];
    
}

- (void)playerProcess:(UISlider *)slider{

    NSString * urlStr = [[NSBundle mainBundle]pathForResource:@"movie.MP4" ofType:nil];
    
    NSURL * url = [NSURL fileURLWithPath:urlStr];
    
    AVAsset * asset = [AVAsset assetWithURL:url];
    
    float totalTime = CMTimeGetSeconds(asset.duration);
    
    [self.player pause];
    
    CMTime newChaseTime = CMTimeMake(totalTime * slider.value * asset.duration.timescale, asset.duration.timescale);
    
    self.chaseTime = newChaseTime;
    
    [self actuallySeekToTime];

}


#pragma mark ========================= 代理方法 ==========================


#pragma mark ========================= 访问器方法 =========================
- (UIButton *)addNodeBtn {
    if (_addNodeBtn == nil) {
        _addNodeBtn = [UIButton buttonWithType:UIButtonTypeSystem];
        _addNodeBtn.frame = CGRectMake(self.view.frame.size.width/4-40, self.view.frame.size.height-160, 80, 48);
        [_addNodeBtn setTitle:@"添加模型" forState:0];
        [_addNodeBtn addTarget:self action:@selector(clickAddNodeBtn) forControlEvents:UIControlEventTouchUpInside];
    }
    return _addNodeBtn;
}

- (UIButton *)playVoidBtn {
    if (_playVoidBtn == nil) {
        _playVoidBtn = [UIButton buttonWithType:UIButtonTypeSystem];
        _playVoidBtn.frame = CGRectMake(self.view.frame.size.width/4*3-40, self.view.frame.size.height-160, 80, 48);
        [_playVoidBtn setTitle:@"播放视频" forState:0];
        [_playVoidBtn addTarget:self action:@selector(clickPlayVoidBtn) forControlEvents:UIControlEventTouchUpInside];
    }
    return _playVoidBtn;
}

- (UISlider *)slider{
    if (!_slider) {
        _slider = [[UISlider alloc] initWithFrame:CGRectMake(30, 600, 300, 30)];
        _slider.maximumValue = 1;
        _slider.minimumValue = 0;
        _slider.thumbTintColor = [UIColor blueColor];
        _slider.tintColor = [UIColor redColor];
        _slider.continuous = YES;
        [_slider addTarget:self action:@selector(playerProcess:) forControlEvents:UIControlEventValueChanged];
    }
    return _slider;
}

-(AVPlayer *)player{
    if (!_player) {
        AVPlayerItem *playerItem=[self getPlayItem:0];
        _player=[AVPlayer playerWithPlayerItem:playerItem];
    }
    return _player;
}

-(AVPlayerItem *)getPlayItem:(int)videoIndex{
    NSString * urlStr = [[NSBundle mainBundle]pathForResource:@"movie.MP4" ofType:nil];
    
    NSURL *url=[NSURL fileURLWithPath:urlStr];
    
    AVPlayerItem *playerItem=[AVPlayerItem playerItemWithURL:url];
    return playerItem;
}

- (SCNNode *)showNode {
    if (_showNode == nil) {
        _showNode = [SCNNode new];
        SCNBox * box = [SCNBox boxWithWidth:0.3 height:0.3 length:0.3 chamferRadius:0];
        _showNode.geometry = box;
        _showNode.position = SCNVector3Make(0, 0.5, -1);
    }
    return _showNode;
}

@end

代码

我的博客即将搬运同步至腾讯云+社区

相关文章

  • ARKit 在模型上播放视频(附进度控制)

    国际惯例先上效果图 原理 代码 代码 我的博客即将搬运同步至腾讯云+社区

  • 微信下的video标签

    统一播放效果 iOS 在 iOS 上,播放视频默认会弹出一个播放器全屏播放视频,可以控制视频的播放进度、音量以及暂...

  • iOS开发,UIToolbar中使用UISlider,拖拽不响应

    做一个视频播放页面,在UIToolbar中使用UISlider,控制视频播放进度,结果拖动UISlider没响应。...

  • Unity VideoPlayer

    VideoPlayer控制脚本,使用videoplayer组件控制视频频播放 Slider控制脚本,使用进度条控制...

  • FFmpeg本地播放器

    播放器具备的功能 同时播放音视频 单独播放音频,视频 开始,暂停,停止 静音,音量控制 拖动进度 播放流程 解封装...

  • UISlider

    UISlider 概述: • UISlider是iOS中的滑块控件• 通常⽤于控制视频播放进度,控制⾳量等。• 它...

  • ARKit之播放视频

    1.创建工程(不在赘述),详情请翻阅我上两篇文章!播放视频是3D和2D的结合,需要导入SpriteKit库下来就直...

  • ARKit+视频播放

    以前玩了下vuforia的视频播放,太酷了!它的视频播放是基于上传的目标上面播放,移动目标,视频也会跟着移动。但是...

  • 抖音视频切换和进度条同步视频

    Vue 实现视频在竖直方向的切换,切换时播放视频;实现拖动进度条同步视频进度;