音楽プレイヤーアプリ

Blog

 

今回、作るのは簡単な音楽プレイヤーを作ります。

完成イメージは以下のよなイメージです。

画像はただ貼り付けているだけで、他は「再生」「一時停止」「停止」のボタンと「音量の調節」スライダーがあります。

 

 

 

 

開発環境

 

  • Swift4
  • Xcode9
  • AVFoundation
  • AVAudioplayer

 

 

事前準備

  • 画像を用意
  • mp3のフリーの音楽を用意し名前を「sample.mp3」で保存。

 

 

UIの設定

 

  1. ImageViewを追加し好きな画像を設定。
  2. UISliderを画面一杯に配置。
  3. Buttonを三つ用意し、それぞれ「Pause」「Play」「Stop」に変更。

 

 

 

 

Connect

 

 

  1. UISliderをOutlet接続、Action接続。
  2. 三つのButtonをAction接続。

 

 

   @IBOutlet weak var volume: UISlider!
    
    @IBAction func play(_ sender: Any) {     
    }
    
    @IBAction func stop(_ sender: Any) {  
    }

    @IBAction func pause(_ sender: Any) {  
    }
  
    @IBAction func chageVolume(_ sender: Any) {
    }

 

 

 

 

コーディング

 

import UIKit
import AVFoundation

class ViewController: UIViewController {
    
    var player:AVAudioPlayer = AVAudioPlayer()
    
    @IBOutlet weak var volume: UISlider!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
         audioPlayerDif()
        
    }
    
    @IBAction func play(_ sender: Any) {
        player.play()

    }
    
    @IBAction func stop(_ sender: Any) {
        
        player.stop()
        
        audioPlayerDif()
        
    }
    
    
    @IBAction func pause(_ sender: Any) {
        
        player.pause()
    }
    
    
    @IBAction func chageVolume(_ sender: Any) {
        
        player.volume = volume.value
        
    }
    
    
    func audioPlayerDif(){
        
        let audioPath = Bundle.main.path(forResource: "sample", ofType: "mp3")!
        
        do{
            
            try player = AVAudioPlayer(contentsOf: NSURL(fileURLWithPath: audioPath) as URL)
            
        } catch {
            
            print("error")
            
        }
        
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

 

実行結果

 

 

 

実行は実際にやって試してみてください。

音量の調節などもできているので、遊んでさわってみて下さい。

 

 

以上で「音楽プレイヤーアプリ」の説明を終わります。

 

🤗

コメント