코드 3줄로 약 3분만에

HTML 기반 홈페이지에

음성 변환 기능을 제공하는 방법이 있는데요,

 

그건 바로 서버쪽 연동이나

DB쪽 인터페이스 없이

단순 자바스크립트에 텍스트랑 언어

넣어서 시간을 절약하는 방법입니다.

 

 

 

처음에 제가 사용했던 서비스는

외국 사이트였는데요.

제가 보유하고 있는 개인 홈페이지에 

텍스트 음성 변환 기능 TTS를 

추가하고 싶어서 사용했었어요.

이렇게 script 한줄과 

speak 괄호 열고 텍스트와 언어를 

입력해주면 바로 말해주는 방식입니다.

 

 

 

 

아주 간편하고 빠르더라고요.

그런데 이걸 퍼블릭 도메인 사이트에 

적용하고 얼마 지나지 않아서

음성 변환이 차단되는 경우가 발생하더라고요-_-;

유료 버전으로 사용해야 했습니다.

 

근데 비용이 1년에 60만원 가까이 나와서 

2년 정도 사용 후에 포기했습니다.

 

그 대안으로 검색을 하다가 찾은 것이

바로 Luzspat Javascript TTS라는 사이트인데요.

신생 업체 같았어요~

 

 

한국에서 제공하는 사이트였습니다.

 

 

 

 

이 녀석도 

그냥 간단하게 코드 몇 줄 추가해주면 동작합니다.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

                    <script src="https://voice.luzspat.com/js/cloudvoice.js"></script>

 

이렇게 기본적으로 추가해주시고

밑에 아래와 같이 function만 조금 손봐주시면 끝입니다.

 

$(document).ready(function(){

  $("#speak").click(function(){                    # speak라는 id의 버튼을 클릭했을 때

    talk("en","hi there, nice to meet you");    # 영어로 "hi there, nice to meet you" 라고 말해줘

  });

});

 

 

 

 

 

 

버튼을 눌렀을 떄 말해주거나 하는

기능에 정말 쉽게 적용할 수 있더라고요.

사이트 내에 API Test페이지도 있어서

음성도 테스트 해볼 수 있고요

사용료는 알아보니 월 3만5천원/월 수준입니다.

1년 계약 시 3만원 수준으로 

모든 언어에 대해 호출 횟수 무제한으로 이용할 수 있습니다.

 

 

 

사용하다보니 단점도 찾을 수 있었는데요.

텍스트가 아주 긴 뉴스 기사의 경우

버튼을 누르고 나서 좀 오래 기다려야 하더라고요.

 

하지만 텍스트 1줄씩 읽어야 할 떄는

빠른 편이라 아직 사용하고 있습니다.^^

 

이상으로 리뷰를 마치겠습니다.

 

https://voice.luzspat.com 

 

Web TTS Service 텍스트 음성 변환 - Luzspat TTS

Luzspat Javascript TTS API는웹사이트에 음성 지원 가능 서비스로 만들 수 있습니다. 1줄의 javascript 코드로 사이트를 말하게 만들 수 있습니다. Text To Speech 기능을 제공하는 Luzspat Javscript TTS API를 지금

voice.luzspat.com

 

 

지난번에 소개드렸던 툴중에

Autoset10이라는 녀석이 있었죠?

 

 

 

 

Autoset10을 통하면

웹서버 뿐만이 아니라

MySQL DB도 로컬환경에

너무나도 쉽게 바로 띄울 수 있습니다.

 

 

 

 

 

 

 

먼저 지난번에 설치한

Autoset10 메니저를 실행합니다.

단 버튼 2개로 제어가 가능하다니

정말 편리하죠?^^

 

벌써 끝입니다.

 

이렇게 하면 DB가 3306포트로 여러분의

로컬 PC에 떠있는 상태입니다.

 

 

 

 

 

 

이제 DB Client 툴을 설치하셔서

로컬 MySQL DB에 붙으시면 되는데요.

Toad라는 아주 유용한 툴이 있습니다.

https://toad-for-mysql.softonic.kr/

 

 

 

 

 

 

 

무료 다운로드를 눌러주시고요~

설치 완료 후에 실행해줍니다.

 

 

 

 

실행시키시면 상단 좌측에 이런 메뉴가 있는데요

저 아이콘을 클릭하신 후

Connection정보를 넣어주시면 되는데요

 

 

오토셋의 초기 ID/PWD는

root/autoset

입니다.

 

기본포트는 3306이고요^^

 

이렇게 입력하시고 Conenct를 누르시면

MySQL DB에 접속하실 수 있고

Database와 Table들을 자유롭게 제어하실 수 있습니다.

 

쉽고 빠른 MySQL DB개발환경 설정!!

 

이상으로 오늘의 포스팅을 마치겠습니다:D

 

 

 

 

 

 

 

 

 

요즘 홈페이지 제작 의뢰 많이들 하시죠?

뭔가 회원정보를 받고 로그인을 하고,

관리자 화면 같은 것을 제공하는

복잡한 웹사이트가 아니라면

이 포스팅에 주목해주세요^^

 

단순 회사 소개 홈페이지나

이벤트성 페이지라면 아주 쉽게 만들수 있습니다.

 

 

 

 

 

이번 포스팅에서는 개발환경 설정

하는 방법을 알아보려 합니다.


Autoset이라는 아주 편리한 프로그램이 있습니다.

HTML, PHP 기반 홈페이지를 아주 쉽게 띄울 수 있고요

설치만 하면 서버 설정 필요 없이

쉽게 홈페이지를 띄울 수 있습니다.

 

 

 

 

먼저 구글이나 네이버에서 Autoset10을 검색해보세요

 

 

 

 

 

 

 

여러분 환경에 맞는 설치파일을 선택해주시면 됩니다.

 

 

 

2015년 버전이 꽤 오래됐는데도

정말 잘 되어 있어요

 

설치를 끝내시면 이런 매니저를 실행시킬 수 있어요

 

 

 

 

 

 

 

 

.

웹서버 시작을 누르시면

서버가 뜨고요

 

 

Autoset10 설치 위치에 있는

public_html 폴더가 이제

여러분의 홈페이지 소스 파일이 올라갈 위치입니다.

 

 

 

 

 

 

여러분의 소스 파일을 올려주시고

Autoset10 메니져를 통해

웹서버 시작을 눌러주시면

여러분의 브라우저에 홈페이지가 보여집니다.

다음 포스팅에서는 이 환경에

간단한 랜딩 페이지를 띄워볼게요

 

 

+ Recent posts