Skip to content

Commit

Permalink
Style : Remove caption
Browse files Browse the repository at this point in the history
  • Loading branch information
carboxaminoo committed Mar 12, 2024
1 parent 2667b75 commit bc45b92
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 12 deletions.
2 changes: 1 addition & 1 deletion mz_v1_front/src/routes/infogather/+page.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -363,7 +363,7 @@
<strong>주의사항</strong><br/>
1. 마이크가 제대로 작동하는지 확인해주세요 <br/>
2. 조용한 장소에서 녹음해주세요 <br/>
3. 마이크를 누르면 3초 뒤 녹음을 시작합니다 <br/>
<strong style="color:red">3. 마이크를 누르면 1초 뒤 녹음을 시작합니다 </strong><br/>
4. 15초 동안 아무 말이나 해주세요 <br />
</div>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,12 +10,12 @@
let mediaRecorder;
let audioChunks = [];
let isRecordingComplete = false; // 녹음 상태를 추적하는 변수
let isRecordingComplete = false;
let progress = 0;
async function startRecording() {
audioChunks = []; // 이전 녹음 데이터 초기화
isRecordingComplete = false; // 녹음 시작 시, 녹음 완료 상태를 false로 설정
audioChunks = [];
isRecordingComplete = false;
try {
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
Expand All @@ -28,7 +28,7 @@
mediaRecorder.onstop = () => {
const audioBlob = new Blob(audioChunks, { type: 'audio/wav' });
const audioUrl = URL.createObjectURL(audioBlob);
// 이벤트를 통해 오디오 URL을 부모 컴포넌트로 전달
dispatch('audioRecorded', audioUrl );
dispatch('blobUpdated', audioBlob);
isRecordingComplete = true;
Expand All @@ -41,26 +41,24 @@
setTimeout(() => {
mediaRecorder.stop();
}, 15100); // 15초 후에 녹음을 멈춥니다.
}, 3000); // 녹음 시작 전 3초 대기
}, 15100);
}, 1000);
} catch (err) {
console.error('오디오 입력을 시작하는데 실패했습니다:', err);
}
}
// 녹음을 다시 시작하는 함수
function restartRecording() {
audioChunks = []; // 이전 녹음 데이터 초기화
isRecordingComplete = false; // 다시 녹음할 준비가 되었으므로 false로 설정
audioChunks = [];
isRecordingComplete = false;
dispatch('audioRecorded', "");
dispatch('progressUpdated',0);
}
</script>

<div style="{'width: 100px; height: 50px; position: relative; ' + style}">
{#if !isRecordingComplete}
<!-- 녹음이 완료되지 않았을 때 audio record 이미지를 표시 -->
<img
class="{'frame-6 ' + className + ' ' + variantsClassName}"
style="..."
Expand All @@ -69,7 +67,6 @@
alt="audio record"
/>
{:else}
<!-- 녹음이 완료되었을 때 restart 이미지를 표시 -->
<img
class="{'frame-6 ' + className + ' ' + variantsClassName}"
style="..."
Expand Down

0 comments on commit bc45b92

Please sign in to comment.