07 카드 템플릿에서 AwesomeTTS를 즉석 재생(On-the-Fly)하도록 하는 방법

카드 템플릿에서 즉석 재생(On-the-Fly)하기

이는 AwesomeTTS 홈페이지에서 이 부분을 참조한 내용이니 참조하시기 바랍니다.

카드에 TTS를 더하는 가장 쉽고 빠른 방법은 카드 템플릿에서 사운드로 재생되기를 원하는 텍스트를 HTML 태그인 <tts>로 감싸주는 것이다. 이 <tts> 태그로 감싼 부분이 카드에서 즉석으로 재생되는데, 태그로 감싼 부분을 어떻게 보이게 할지에 대해서는, 일반적으로 Anki의 카드 템플릿에서 기본적으로 제공하는 상태로 보여줄 수 있고 또는 다른 힌트가 나타나게 하거나 아무것도 나타나지 않게 할 수도 있다. 이 방식을 잘 활용하면 영어 듣기 훈련용 카드에서 이를 잘 활용할 수 있을 것이다.

 

Anki를 데스크탑에서만 사용한다면 이 즉석 재생(On-the-Fly) 방법과 사전설정(Presets) 방법이 매우 유용하다. 하지만 모바일 기기(가령, AnkiDroid)나 AnkiWeb에서 Anki를 이용하는 사용자라면 [sound] 태그와 미디어 파일을 저장해서 데스크탑 외에서도 원활하게 공부하길 원할 수 있다. [sound] 태그를 생성하는 방법은 앞에서 노트 추가창(Note Editor)이나 카드 탐색기(Card browser)에서 [sound] 태그를 생성하고 저장하는 방법을 참조하기 바란다.

 

즉석 재생(On-the-Fly) 실행방법

1) 카드 템플릿창 열기

노트 추가창(Note Editor)을 열었거나 카드 브라우저에서 특정 카드를 선택한 경우 [카드...] 버튼을 클릭하여 해당 노트의 카드 템플릿 창으로 들어간다.

 

다음은 노트 추가창(Note Editor)에서 [카드...] 버튼을 클릭한 모습이다.

 

다음은 카드 탐색기(browser)에서 특정 카드를 선택한 후 [카드...] 버튼을 클릭한 모습이다.

2)  [Add TTS] 버튼을 클릭

앞에서 [카드...] 버튼을 클릭하면 해당 노트의 카드 템플릿이 나온다. 일단, 현재 카드 템플릿을 확인하고 아래의 버튼에서 [Add TTS] 버튼을 클릭한다.

 

3) 서비스와 옵션 선택

앞에서 [Add TTS] 버튼을 클릭하면 즉석 재생(On-the-Fly)을 위해 <tts> 태그를 템플릿에 더하는 다양한 옵션을 가진 대화상자가 나타난다.  일단, 원하는 서비스와 옵션들을 선택한다.

4) 오디오 사운드 확인

서비스와 옵션을 선택했으면 Preview 아래의 공란에 간단한 문구를 작성하고 [Preview] 버튼을 클릭하여 생성될 오디오의 사운드가 원하는 것인지 확인한다.

 

5) 사운드로 전환할 텍스트 결정

AwesomeTTS가 특정 필드의 텍스트를 읽어 오디오를 만들기 원한다면 Field의 드롭다운 목록에서 해당 필드를 선택하라.

 

보통 customize the tag's content 항목은 <tts> 태그에 오디오 사운드로 전환하고 싶어하는 텍스트나 필드를 넣는 것이다. 하지만 특정 필드를 오디오 사운드로 전환하길 원할 경우에는 아래의 사진에서 Field 항목의 드롭다운 목록을 펼쳐 나타나는 현재 노트 유형이 가진 필드(Field)에서 원하는 필드를 선택하면 된다. 

6) visibility 선택

TTS 태그로 둘러싼 부분을 숨기고 싶다면(가령, 듣기 연습일 경우 소리를 듣고 단어를 떠올려야 하는데 텍스트가 화면에 보이면 당연히 공부가 되지 않을 것이다.) visibility의 드롭다운 목록에서 원하는 옵션을 선택하면 된다.

Hide just this tag w/ inline CSS 항목을 선택하면 지금 추가하고 있는<tts> 태그만 화면에 표시하지 말고 CSS로 스타일링을 한다. 당연히 이 카드에만 적용된다.

add rule to hide any TTS tag for note type 항목을 선택하면 현재 노트유형(Note type)에서 <tts> 태그로 감싼 부분은 전부 가려서 화면에 표시되지 않는다. 

7) 사운드를 재생할 카드의 앞뒷면 선택

카드의 어느 쪽(앞면이나 뒷면)에서 AwesomeTTS가 오디오를 재생할지 선택한다.

8) <tts> 태그를 카드 템플릿에 삽입

[Insert] 버튼을 클릭하여 <tts> 태그를 카드 템플릿에 삽입한다.

아래는 <tts> 태그가 카드 앞면에 삽입된 경우이다. 태그 내부에는 아직 텍스트나 필드가 있지 않으므로 원하는 필드나 텍스트를 우리가 직접 넣어야 한다. 

9) <tts> 태그 내에 넣을 텍스트와 필드 정리

카드 템플릿에서 <tts> 태그의 내부에 오디오 사운드로 소리가 나게 하려는 텍스트나 필드를 넣어 원하는 카드를 만든다. 아래의 사진에서는 앞면을 의미하는 {{Front}} 필드를<tts> 태그 내부에 집어넣어 Front 필드에 적힌 텍스트를 즉석 재생하도록 한 것이다.

 

특정 카드에서만 선택적으로 TTS로 송출되는 사운드를 수정하거나 사용하지 않을 수 있는가?

TTS를 하다보면 특정 노트에 적힌 구문이나 텍스트를 TTS로 전환한 사운드의 품질이 매우 좋지 않을 수 있다. 이 경우 해당 TTS를 사용하지 않거나 직접 만들어낸 사운드로 대체하는게 나을 수 있다. 

이 TTS를 더 이상 사용하고 싶지 않다면 노트 유형에 "No TTS" 필드를 추가하고 그 필드에 "1"을 기입한다. 그리고 템플릿을 다음과 같이 수정한다. 

{{^No TTS}}<tts service="espeak" voice="en">{{/No TTS}}

   {{Front}}

{{^No TTS}}</tts>{{/No TTS}}

또, 직접 생성한 사운드를 사용하려면 노트 유형에 "Sound" 필드를 추가하고 오디오 파일을 해당 필드에 [sound:xxx] 형식으로 삽입한다(페이퍼 클립 표시를 눌러 해당 파일을 첨부하면 된다.). 그리고 템플릿을 다음과 같이 수정한다. 

{{Sound}}

{{^Sound}}<tts service="espeak" voice="en">{{/Sound}}

   {{Front}}

{{^Sound}}</tts>{{/Sound}}

위와 같이 수정하다보면 템플릿이 너무 복잡해지므로 복잡해지는 것을 피하고 싶다면 즉석 재생의 <tts> 태그를 사용하지 않는 새로운 노트 유형을 만들어서 필요한 노트들은 새로운 노트 유형으로 옮기는 방식도 나쁘지 않다.

그 외 사항들(Other Hints)

1) 즉석 재생 기능이 제대로 작동하는지 앞면 미리보기나 뒷면 미리보기에서 테스트해볼 수 있다. 해당 창에 우클릭을 하면 해당 메뉴가 나오므로 그것을 눌러 사운드를 확인한다.

2) <tts> 태그를 자동으로 재생하는 것을 바꾸거나 단축키를 바꿀려면 구성(Configuration) 화면에서 재생(playback) 탭으로 가서 조절하면 된다. 

3) AwesomeTTS에서는 자동으로 특정한 텍스트를 필터해서 제외할 수 있다. 가령 괄호 속에 있는 텍스트는 오디오 사운드로 소리내지 않을 수 있다. 어떻게 필터링할지 조절하고 싶다면 구성(Configuration) 화면에서 Text 탭으로 가서 조절하면 된다. 

4) 만일, 즉석 재생(On-the-Fly) 방법에서 사전설정(Preset)된 서비스를 이용하고 싶다면 다음과 같이 TTS 태그에 preset 속성을 붙여서 사용하면 된다. 

   <tts preset="My eSpeak Preset">apple</tts>

5) 마찬가지로 그룹(Group)을 적용하고 싶다면 마찬가지로 다음과 같이 <tts> 태그에 group 속성을 붙여서 사용하면 된다. 

   <tts group="Male English">automobile</tts>

6) 템플릿에서 변수로 사용하는 필드들을 태그의 속성(attribute)처럼 사용할 수 있다. 

   <tts group="{{group}}">{{text}}</tts>

7) <tts> 태그를 중첩(nest)시켜 동일한 텍스트를 여러 개의 다양한 서비스를 이용하여 소리를 재생할 수도 있다.

<관련 포스팅>

01 어학 공부의 필수 동반자 AwesomeTTS 소개  

02 AwesomeTTS Anki에 설치하기

03 AwesomeTTS에서 제공하는 TTS 서비스에 대해서...

04 노트 추가창(Note Editor)에서 AwesomeTTS 사용하는 방법

05 카드 탐색기(Browser)에서 AwesomeTTS 사용하는 방법

06 AwesomeTTS로 영어 듣기 연습 카드 만들기

07 카드 템플릿에서 AwesomeTTS를 즉석 재생(On-the-Fly)하도록 하는 방법  ☜ 지금 여기

08 AwesomeTTS에서 사전 설정(Preset)된 서비스로 원하는 텍스트만 선택하여 듣기

09 AwesomeTTS 서비스 그룹 이용

10 AwesomeTTS로 카드 탐색기에서 MP3오디오 삭제

11 AwesomeTTS 구성 및 조정