이것은 ChatGPT의 가능성을 탐구하기 위한 아이디어의 일부였습니다. 프롬프트를 주고받고, 질문하고, 아이디어를 얻고, 그렇지 않은 면에서 ChatGPT의 힘을 보는 것은 흥미로웠습니다! ChatGPT에 프롬프트를 보내 몇 줄의 코드를 작성하여 필요한 것을 개발할 수 있도록 하는 유사한 방법을 생각했습니다.
친구는 웹 페이지에 음성을 녹음하고 녹음 된 파일을 최종적으로 저장하여 나중에 기기의 기본 오디오 플레이어를 사용하여 녹음을들을 수 있기를 원한다고 제안했습니다.
ChatGPT에서 사용한 프롬프트:
파이썬에서 자바스크립트를 사용하여 웹 프론트엔드에서 오디오를 녹음하려면, Web Audio API를 사용할 수 있습니다. 이를 수행하는 방법의 예는 다음과 같습니다.
- 먼저 녹음을 시작 및 중지하는 버튼이 있는 HTML 파일을 만들어야 합니다.
<!DOCTYPE html>
<html>
<head>
<title>Audio Recorder</title>
</head>
<body>
<button id="start">Start Recording</button>
<button id="stop">Stop Recording</button>
<script src="script.js"></script>
</body>
</html>2. 다음으로 JavaScript 파일 "script.js"를 만들고 다음 코드를 추가합니다.
let audioChunks = [];
navigator.mediaDevices.getUserMedia({ audio: true })
.then(function(stream) {
const mediaRecorder = new MediaRecorder(stream);
document.getElementById("start").onclick = function() {
audioChunks = [];
mediaRecorder.start();
}
document.getElementById("stop").onclick = function() {
mediaRecorder.stop();
}
mediaRecorder.ondataavailable = function(event) {
audioChunks.push(event.data);
}
mediaRecorder.onstop = function() {
const audioBlob = new Blob(audioChunks, {type: 'audio/mpeg-3'});
const audioUrl = URL.createObjectURL(audioBlob);
const downloadLink = document.createElement("a");
downloadLink.href = audioUrl;
downloadLink.download = "audio.mp3";
downloadLink.click();
}
})
.catch(function(err) {
console.log(err);
});3. 마지막으로 Python에서 이 코드를 사용하려면 Flask 웹 서버를 만들고 HTML 및 JavaScript 파일을 제공할 수 있습니다.
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run()이 Python 코드를 실행하면 index.html 파일을 제공하는 웹 서버가 시작됩니다. 그런 다음 웹 브라우저에서 서버에 액세스할 수 있으며 "녹음 시작" 버튼을 클릭하면 오디오 녹음이 시작됩니다. "녹음 중지" 버튼을 클릭하면 녹음이 중지되고 오디오 파일이 컴퓨터에 다운로드됩니다.
결론
프롬프트를 성공적으로 따르고 코드 조각을 실행하면 웹 페이지에 오디오를 녹음하는 데 도움이 되는 HTML 파일을 생성할 수 있습니다.
대체 프롬프트를 개선하거나 작업하고 싶다면 ChatGPT와의 대화에 대한 링크가 있습니다.
내 데이터 과학에 연결하거나 나를 팔로우하고 싶다면 | AI (인공지능) | 결정 과학 여정 LinkedIn 또는 내 GitHub에서 저를 팔로우하거나 연결하십시오.
ChattyGPTing과 즐거운 대화를 나누세요!!!!
님이 촬영 한 사진 Zhuo Cheng U on Unsplash
'프로그래밍' 카테고리의 다른 글
| 프로그래밍 「 추천 편」Python의 글로벌 VS 비로컬 (0) | 2023.06.04 |
|---|---|
| 프로그래밍 「 추천 편」진정한 개발 슈퍼히어로가 되기 위한 9가지 애완동물 프로젝트 아이디어! (0) | 2023.06.04 |
| 프로그래밍 「 추천 편」Chat-GPT4가 소프트웨어 엔지니어를 대체합니까? (0) | 2023.06.04 |
| 프로그래밍 「 추천 편」ChatGPT가 소프트웨어 개발자를 대체할 수 있습니까? (0) | 2023.06.04 |
| 프로그래밍 「 추천 편」GPT가 개발 중인 코더를 대체할 수 있습니까? (0) | 2023.06.04 |
