Ionic-Native에서 미디어 플러그인의 사용, 녹음 기능의 실현

현재 Ionic 정부는 많은 native 플러그인을 제공하여 휴대전화 등 장치의 원본 인터페이스를 호출하기 편리하게 한다.
최근에 연구한 것은ionic 프로젝트에 녹음 기능을 넣고 간단한 녹음 기능을 완성한 후에 필기를 했습니다. 저는 Ionic native에 있는 미디어 플러그인과 파일 플러그인을 사용했습니다.
이 두 플러그인을 간단히 소개합니다. (공식 소개:media,file)
미디어 플러그인: 오디오 대상을 실례화하고 핸드폰 디렉터리에 오디오 형식 파일을 만들어서 데이터를 저장해야 한다. 이 오디오를 녹음, 재생, 정지, 오디오 속성 설정 등을 실현할 수 있다.
파일 플러그인: 파일 대상을 실례화하여 모바일 디렉터리에 여러 가지 조작을 할 수 있습니다. (디렉터리 만들기, 파일 만들기, 디렉터리 제거, 파일 바꾸기,base64 형식으로 파일 형식 바꾸기 등)
미디어 및 파일 플러그인 설치

--media  
ionic cordova plugin add cordova-plugin-media
npm install --save @ionic-native/media

--file  
ionic cordova plugin add cordova-plugin-file
npm install --save @ionic-native/file

미디어 플러그인 사용법:

import { Media, MediaObject } from '@ionic-native/media';
constructor(private media: Media) { }

//  app.module   ， provider

file 플러그인 사용법:

import { File } from '@ionic-native/file';
constructor(private file: File) { }

//  app.module   ， provider

녹음 기능의 간단한 실현: 1.내 방법은 먼저 파일 대상을 실례화하여 장치의 저장 경로를 제공하는 것이다.2. 미디어를 잘 알아야 한다.create () 방법의 매개 변수입니다.(파일 이름 URL)3.이렇게 저장된 녹음 파일은 유일성을 갖추지 못하기 때문에 매번 녹음은 뒤에 덮어씌운다.4. 날짜와 같은 도구 클래스를 작성하는 것을 권장합니다.녹음 파일의 이름에 날짜 접두사를 붙이면 파일이 덮어쓰이지 않습니다.5. 타이머 도구류 등 녹음 시간을 제공한다.

import { Media, MediaObject } from '@ionic-native/media';
import { File } from '@ionic-native/file';

export class Record {
constructor( private media: Media , private file: File ) { }

public filePath : any; //       
public recordData : any; //    

startReocrd(){  //    

    //  URL，               ，   Record.mp3
    this.filePath = this.file.externalDataDirectory + "Record.mp3";

    //  media  ，      ，   filePath               
    this.recordData = this.media.create(this.filePath);

    //    
    this.recordData.startRecord();
}

pauseRecord(){   

    //    
    this.recordData.pauseRecord();

}

play(){   

    //    
    this.recordData.play();

}

resumeRecord(){   

    //      
    this.recordData.resumeRecord();

}

stopRecord(){   

    //      
    this.recordData.stopRecord();

}}

간단한 녹음 기능이 실현되었다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

RPG 유닛 MZ에서 그림의 원점을 오른쪽 위 구석에 지정하는 방법

오른쪽 위 구석에 원점을 지정하는 경우(예: 공식 플러그인 "TextPicture.js"를 사용하는 경우 다음 그림과 같이 문자를 오른쪽 정렬로 표시할 수 있습니다. "rmz sprites.js"를 엽니다 "Spri...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Ionic-Native에서 미디어 플러그인의 사용, 녹음 기능의 실현

좋은 웹페이지 즐겨찾기