[Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 03. 블록코딩 / 녹음 시작 / 녹음 중지

안녕하세요! 썬커블로 녹음기 만들기 세번째 글이네요~
이번에는 지난번 만든 조건블록의 실행부분에 들어갈 블록을 같이 작업해 보겠습니다!

블록 코딩 하기

지난 글에서 이벤트 블록과 조건 블록, 비교 블록을 사용해서 아래와 같이 블록 코딩했었습니다.
btn_rec를 누르면 btn_rec의 텍스트가 "녹음 시작"과 같은 경우(참인 경우) do~ 가 실행되고 다른 경우(거짓일 경우) else~ 가 실행되도록 하는 블록이었죠?

기억나지 않으신다면👇아래 링크의 이전글을 먼저 읽고 진행해 주세요~!

[Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 02. 블록코딩 / 이벤트 / 조건 / 비교

[Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 02. 블록코딩 / 이벤트 / 조건 / 비교

이번에는 버튼을 눌렀을 때 조건이 만족할 경우와 거짓인 경우 실행될 부분의 블록을 조립해 보도록 하겠습니다.

조건이 만족할 경우 (참인 경우)

👉 조건이 만족하면 녹음이 시작되고 버튼색이 바뀌면서 텍스트가 녹음 중지로 변경되어야 합니다

먼저 Sound에서 녹음을 시작하게 하는 start audio recording 블록을 do~ 부분에 조립해 줍니다.

set ~ 블록은 컴포넌트의 속성을 변경할 수 있게 합니다.
btn_rec에서 배경색을 변경해주는 set~ Background 블록을 드래그 앤 드롭하여 녹음 블록 아래에 조립한 후 색을 빨간색으로 바꾸어 주겠습니다. 이렇게 하면 녹음기가 실행되면서 버튼색이 빨간색으로 변경되겠죠~?

이번에는 버튼 안의 텍스트를 변경하기 위해 btn_rec에서 set~ Text블록을 드래그 앤 드롭하여 아까 조립한 블록 아래에 조립해 줄게요.
그러고 나서 텍스트 내용을 녹음 중지로 변경하겠습니다.

이렇게 해서 조건이 만족할 경우 녹음이 시작되며 버튼색이 빨간색으로 변경되고 버튼 텍스트가 녹음 중지로 바뀌는 블록이 완성되었습니다.

조건이 만족하지 않을 경우 (거짓일 경우)

👉 조건이 만족하지 않으면 녹음이 끝나면서 버튼이 원래 모습으로 돌아오고, 녹음 재생 버튼이 활성화되어야 합니다.

조건이 참일 경우에는 btn_rec를 누르면 녹음이 시작되고 버튼의 텍스트가 '녹음 중지'로 변경되도록 블록을 조립했었죠? 
즉, 녹음이 시작되면 btn_rec를 누를 때 버튼의 텍스트가 '녹음 시작'이 아닌 '녹음 중지'이기 때문에 조건이 거짓이 되게 됩니다.
조건이 거짓일 경우에는 조건 블록의 else~ 부분에 조립된 블록이 실행되게 됩니다.

먼저 Sound에서 녹음을 중지하고 녹음파일을 만들어주는 sound file from stopped audio recording 블록(이하 녹음 중지 블록이라 하겠습니다)을 마우스 오른쪽으로 클릭하여 Show advanced block을 선택해 고급 블록으로 전환한 후 else~ 부분에 조립해 줄게요.

녹음 중지 블록의 do~ 부분에 녹음이 중지되면 실행될 블록들을 조립할 수 있습니다.
위에서 조립했던 set~ 블록들을 복제하여 녹음 중지 블록의 do~ 부분에 조립해 줄게요.

btn_rec의 색과 텍스트를 원래대로 되돌리기 위해서 Color에서 rgb^[각주:1]블록을 드래그 앤 드롭하여 빨간색 대신 조립해 줍니다.
또 버튼 텍스트도 '녹음 시작'으로 수정해 주겠습니다. 

Design 탭의 버튼 rgb 수치를 참조하여 rgb 블록의 수치도 조정해 줍니다.

🔗 코딩없이 녹음기 만들기 - 01 에서 btn_play의 disabled 속성을 참으로 변경했었죠? 녹음이 중지되면, 재생할 파일이 생기기 때문에 녹음 재생 버튼이 활성화되어야 합니다. 

btn_play에서 disabled 속성을 변경하는 set disabled 블록을 드래그 앤 드롭하여 조립해 주고 값을 false(거짓)로 변경합니다.

---

이렇게 btn_rec를 눌렀을 때, 조건이 참인 경우 실행될 블록과 거짓일 경우 실행될 블록을 조립해 보았습니다. 

다음 글에서는 "변수"블록을 이용하여 녹음한 파일을 재생하는 기능을 만들어 보겠습니다.
읽어주셔서 감사합니다!🥰

[Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 04. 블록코딩 / 변수 / 녹음파일 재생

[Thunkable] 썬커블로 코딩없이 녹음기 만들기 - 04. 블록코딩 / 변수 / 녹음파일 재생

 

1. 빛의 3원색인 빨간색(Red), 녹색(Green), 파란색(Blue) 세 가지 색의 비율로 색을 표현하는 방식. [본문으로]