カメラを起動中にタップで写真撮影、長押しで動画撮影をしたい

Question

前提・実現したいこと

AVCaptureMovieFileOutputを使って動画撮影ができるカメラを作ってて、インスタグラムのストーリーのカメラのようにタップで写真撮影、長押しで動画撮影ができるカメラを作りたいです。
AVCapturePhotoOutputを使い写真を撮影できるカメラは作ったことがあるのですが、同時に撮影できないので困っています。
解決策を知ってる方教えてください。

動画撮影のカメラを作る際に参考にした記事

Answer 1

ちょっと興味があったので試してみました。

• AVFoundationを用いたカメラの実装

上記の記事をみると、プレビューについては参考にされた Qiita の記事

• Swift4で動画を撮影・保存する

と共通のようです。

あとは、撮影時に「ビデオにする」か「写真にする」かで処理を変えれば良さそうに思えました。

ということで、双方の記事を参考に、共通のプレビューで動画撮影と静止画撮影を個別にできるようなコードを書いてみました。

今回は個別にボタンを用意していますが、実際は通常のタップろロングタップで処理を切り替えれば良さそうです。

本来であれば、ビデオ撮影時は静止画を撮影できない（ボタンを選択できないようにする）などの処理が必要ですが、その辺りは無視していますのでご注意ください。

また、写真については露出などの設定をしていないため、暗くなってしまうようですが、そのあたりは適切に手を加えていただければと思います。

あと、Swift5 で書いていますので、Qiita の元記事（Swift4）とは一部メソッドなどが異なっている点にもご注意ください。

// https://medium.com/@shiba1014/avfoundation%E3%82%92%E7%94%A8%E3%81%84%E3%81%9F%E3%82%AB%E3%83%A1%E3%83%A9%E3%81%AE%E5%AE%9F%E8%A3%85-a8f462392265

import UIKit
import AVFoundation
import Photos

// MARK: AVCapturePhotoCaptureDelegate を追加
class RecordViewController: UIViewController, AVCaptureFileOutputRecordingDelegate, AVCapturePhotoCaptureDelegate {
    let fileOutputForVideo = AVCaptureMovieFileOutput()

    var recordButton: UIButton!
    //
    var stillButton: UIButton!
    
    var isRecording = false

    // MARK: 移動 - トップレベルで宣言
    let captureSession = AVCaptureSession()

    override func viewDidLoad() {
        super.viewDidLoad()

        setUpPreview()
    }

    func setUpPreview() {
        let videoDevice = AVCaptureDevice.default(for: AVMediaType.video)
        let audioDevice = AVCaptureDevice.default(for: AVMediaType.audio)

        do {
            if videoDevice == nil || audioDevice == nil {
                throw NSError(domain: "device error", code: -1, userInfo: nil)
            }
            
            // MARK: 移動 - ほかの関数から参照するので、トップレベルに移動
            //let captureSession = AVCaptureSession()

            // video inputを capture sessionに追加
            let videoInput = try AVCaptureDeviceInput(device: videoDevice!)
            captureSession.addInput(videoInput)

            // audio inputを capture sessionに追加
            let audioInput = try AVCaptureDeviceInput(device: audioDevice!)
            captureSession.addInput(audioInput)

            // MARK: 撮影直前に設定する
            // max 30sec
            //fileOutputForVideo.maxRecordedDuration = CMTimeMake(value: 30, timescale: 1)
            //captureSession.addOutput(fileOutputForVideo)

            // プレビュー
            let videoLayer : AVCaptureVideoPreviewLayer = AVCaptureVideoPreviewLayer(session: captureSession)
            videoLayer.frame = self.view.bounds
            videoLayer.videoGravity = AVLayerVideoGravity.resizeAspectFill
            self.view.layer.addSublayer(videoLayer)

            captureSession.startRunning()

            setUpButtonForVideo()
            // MARK: 写真用のボタン
            setUpButtonForPhoto()
        } catch {
            // エラー処理
        }
    }

    func setUpButtonForVideo() {
        recordButton = UIButton(frame: CGRect(x: 0,y: 0,width: 120,height: 50))
        recordButton.backgroundColor = UIColor.gray
        recordButton.layer.masksToBounds = true
        recordButton.setTitle("録画開始", for: .normal)
        recordButton.layer.cornerRadius = 20.0
        recordButton.layer.position = CGPoint(x: self.view.bounds.width/2, y:self.view.bounds.height-50)
        recordButton.addTarget(self, action: #selector(onClickRecordButtonForVideo(sender:)), for: .touchUpInside)

        self.view.addSubview(recordButton)
    }
    
    //　MARK: 写真撮影用のボタン
    func setUpButtonForPhoto() {
        stillButton = UIButton(frame: CGRect(x: 0,y: 0,width: 120,height: 50))
        stillButton.backgroundColor = UIColor.gray
        stillButton.layer.masksToBounds = true
        stillButton.setTitle("撮影", for: .normal)
        stillButton.layer.cornerRadius = 20.0
        stillButton.layer.position = CGPoint(x: self.view.bounds.width/2, y:self.view.bounds.height-124)
        stillButton.addTarget(self, action: #selector(onClickRecordButtonForPhoto(sender:)), for: .touchUpInside)

        self.view.addSubview(stillButton)
    }

    @objc func onClickRecordButtonForVideo(sender: UIButton) {
        if !isRecording {
            // MARK: 移動 - ビデオ撮影前に出力を追加
            fileOutputForVideo.maxRecordedDuration = CMTimeMake(value: 30, timescale: 1)
            captureSession.addOutput(fileOutputForVideo)
            
            // 録画開始
            let paths = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true)
            let documentsDirectory = paths[0] as String
            let filePath : String? = "(documentsDirectory)/temp.mp4"
            let fileURL : NSURL = NSURL(fileURLWithPath: filePath!)
            fileOutputForVideo.startRecording(to: fileURL as URL, recordingDelegate: self)

            isRecording = true
            changeButtonColor(target: recordButton, color: UIColor.red)
            recordButton.setTitle("録画中", for: .normal)
        } else {
            // 録画終了
            fileOutputForVideo.stopRecording()

            isRecording = false
            changeButtonColor(target: recordButton, color: UIColor.gray)
            recordButton.setTitle("録画開始", for: .normal)
            
            // MARK: 追加 - 撮影後にビデオ出力を削除
            // 手持ちの iPhone だと、出力は1つしか追加できないので、使用後は削除する
            captureSession.removeOutput(fileOutputForVideo)
        }
    }

    // MARK: 追加 - 撮影の処理
    @objc func onClickRecordButtonForPhoto(sender: UIButton) {
        // 必要であれば露出などのセッティングを行う
        let settings = AVCapturePhotoSettings()
        let fileOutputForPhoto = AVCapturePhotoOutput()

        // 撮影前にデバイスを追加し、撮影。終了後はデバイスを削除
        captureSession.addOutput(fileOutputForPhoto)
        fileOutputForPhoto.capturePhoto(with: settings, delegate: self)
        captureSession.removeOutput(fileOutputForPhoto)
    }
    
    func changeButtonColor(target: UIButton, color: UIColor) {
        target.backgroundColor = color
    }

    func fileOutput(_ output: AVCaptureFileOutput, didFinishRecordingTo outputFileURL: URL, from connections: [AVCaptureConnection], error: Error?) {
        // ライブラリへ保存
        PHPhotoLibrary.shared().performChanges({
            PHAssetChangeRequest.creationRequestForAssetFromVideo(atFileURL: outputFileURL)
        }) { completed, error in
            if completed {
                print("Video is saved!")
            }
        }
    }
    
    // MARK: 静止画の保存
    func photoOutput(_ output: AVCapturePhotoOutput, didFinishProcessingPhoto photo: AVCapturePhoto, error: Error?) {
        guard let photoData = photo.fileDataRepresentation(),
            let image = UIImage(data: photoData) else { return }
        
        PHPhotoLibrary.shared().performChanges({
            PHAssetChangeRequest.creationRequestForAsset(from: image)
        }) { completed, error in
            if completed {
                print("Photo is saved!")
            }
        }
    }
}

以前の回答

1つのボタンに対し、通常のタップ時の処理と、ロングタップ時の処理両方をつけ、それぞれの動作に応じて写真撮影、あるいは動画撮影と分ければ可能なように思えます。

通常のボタンの動作は StoryBoard、ロングタップはコードで追加するなら下記のような感じでしょうか。

import UIKit

class ViewController: UIViewController {
    @IBOutlet weak var button: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        let longGesture = UILongPressGestureRecognizer(target: self, action: #selector(longTap))
        button.addGestureRecognizer(longGesture)
    }

    @IBAction func normalTouch(_ sender: Any) {
        print("通常のタッチ")
    }
    
    @objc func longTap(_ sender: UIGestureRecognizer){
        if sender.state == .began {
            print("ロングタッチ開始")
        }
    }
}

あるいは、Long Press Gresture Recognizer も StoryBoard で追加し、アウトレットを引っ張ってくる方法もあるかと思います。

    @IBAction func longTouch(_ sender: UILongPressGestureRecognizer) {
        if sender.state == .began {
            print("ロングタッチ開始")
        }
    }

Comments

[downtowntown]

回答ありがとうございます！　タッチとロングタッチのアクション切り分けはできるのですが、一つのViewControllerでAVCaptureMovieFileOutputとAVCapturePhotoOutputを使うことはできるのでしょうか？
AVFoundation周りが難しくてハマっています。

[TsukubaDepot]

そういうことなんですね。
理解しました。

本文に追記しましたが、プレビューは共通にして、あとは出力時に出力先を変えれば良さそうな感じです。

[downtowntown]

本当にありがとうございます！！
まさに求めていた回答です！
こちら試させていただきますね！