Chia sẻ template chuyển đổi văn bản thành giọng nói

Nguyễn Đức Hoàng

Học tiếng Anh nhưng ngại phát âm hoặc phát âm không chuẩn, tại sao chúng ta không làm một cái template có thể chuyển văn bản thành giọng nói để chúng ta dễ tiếp thu hơn nhỉ 🙄

Image description

➤ Xem demo: tại đây

Giới thiệu về template

Phát hành: 27/11/2021
Convert/update: @Nguyễn Đức Hoàng
Ngôn ngữ: HTML/CSS/JS

Đặc điểm của template

Responsive: Có
Có thể chuyển được nhiều giọng nói khác nhau

Cách thức nhận template

Các bạn vui lòng comment địa chỉ email bên dưới bài viết này, mình (hoặc ad) sẽ gửi trong thời gian sớm nhất. Chúng mình rất xin lỗi vì sự bất tiện này!

Lưu ý: Các bạn có thể view-source demo để lấy code. Tuy nhiên, nếu đăng bài chia sẻ vui lòng trỏ nguồn về bài viết này!

Lời kết

Trên đây là bài viết chia sẻ template chuyển đổi văn bản thành giọng nói cho blogspot. Nếu có bất cứ thắc mắc hay khiếu nại về bản quyền hãy comment ngay phía dưới cho mình biết nhé. Chúc các bạn một ngày học tập và làm việc thật hiệu quả. Goodbye and see you again 🥰

Lê Anh Đức

Nguyễn Đức Hoàng ơ đỉnh thật đấy 🙊

Thái Hồng Lâm

Nguyễn Đức Hoàng lamvyhuyenhan2008@gmail.com em xin =))))

Nguyễn Đức Hoàng

Lê Anh Đức 🙀🙀🙀🙀🙀

nguyentrung

newslacdao.hy@gmail.com

Thanks bro!

Lê Anh Đức

nguyentrung đã gửi nha ❤️

Phan Trung Trực

e xinnnnnnn phantrungtrucofficial@gmail.com

Lê Anh Đức

Phan Trung Trực đã gửi nha ❤️

nambeolsls

msharegame@gmail.com em xin với bác ơi

Ngu Vi Minh Héo

hieunvm.c2mdc@gmail.com cho mình xin với

Nguyễn Hoàng Đạt

:')

Ngu Vi Minh Héo

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='https://www.blogger.com/static/v1/widgets/1324390690-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<title>
Text To Speech | Sata
</title>
<!-- Bắt đầu viết Css cho web -->
<b:skin><![CDATA[
/* Chèn CSS vào đây */
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#5256AD}::selection{color:#fff;background:#5256AD}.wrapper{width:370px;padding:25px 30px;border-radius:7px;background:#fff;box-shadow:7px 7px 20px rgba(0,0,0,0.05)}.wrapper header{font-size:28px;font-weight:500;text-align:center}.wrapper form{margin:35px 0 20px}form .row{display:flex;margin-bottom:20px;flex-direction:column}form .row label{font-size:18px;margin-bottom:5px}form .row:nth-child(2) label{font-size:17px}form :where(textarea,select,button){outline:none;width:100%;height:100%;border:none;border-radius:5px}form .row textarea{resize:none;height:110px;font-size:15px;padding:8px 10px;border:1px solid #999}form .row textarea::-webkit-scrollbar{width:0}form .row .outer{height:47px;display:flex;padding:0 10px;align-items:center;border-radius:5px;justify-content:center;border:1px solid #999}form .row select{font-size:14px;background:none}form .row select::-webkit-scrollbar{width:8px}form .row select::-webkit-scrollbar-track{background:#fff}form .row select::-webkit-scrollbar-thumb{background:#888;border-radius:8px;border-right:2px solid #fff}form button{height:52px;color:#fff;font-size:17px;cursor:pointer;margin-top:10px;background:#675AFE;transition:.3s ease}form button:hover{background:#4534fe}@media(max-width: 400px){.wrapper{max-width:345px;width:100%}}

 /* Chèn Css vào đây */ 
]]></b:skin>
  <meta content='ca-host-pub-1556223355139109' name='google-adsense-platform-account'/>
<meta content='blogspot.com' name='google-adsense-platform-domain'/>
</head>
<!-- Bắt đầu phần hiển thị trên web -->
<body>
<div class='wrapper'>
<header>Text To Speech</header>
<form action='#'>
<div class='row'>
<label>Enter Text</label>
<textarea/>
</div>
<div class='row'>
<label>Select Voice</label>
<div class='outer'>
<select/>
</div>
</div>
<button>Convert To Speech</button>
</form>
</div>
<div class='navbar no-items section' id='navbar'/>

<script src='https://www.blogger.com/static/v1/widgets/2385152035-widgets.js' type='text/javascript'/>
<script type='text/javascript'>
window[&#39;__wavt&#39;] = &#39;AOuZoY7A6a6NNoZOur5ZZiaEDOyJftdDwg:1642657810045&#39;;_WidgetManager._Init(&#39;//www.blogger.com/rearrange?blogID\x3d5842690204581761577&#39;,&#39;//texttospeech-ndh.blogspot.com/&#39;,&#39;5842690204581761577&#39;);
_WidgetManager._SetDataContext([{&#39;name&#39;: &#39;blog&#39;, &#39;data&#39;: {&#39;blogId&#39;: &#39;5842690204581761577&#39;, &#39;title&#39;: &#39;Text To Speech&#39;, &#39;url&#39;: &#39;https://texttospeech-ndh.blogspot.com/&#39;, &#39;canonicalUrl&#39;: &#39;https://texttospeech-ndh.blogspot.com/&#39;, &#39;homepageUrl&#39;: &#39;https://texttospeech-ndh.blogspot.com/&#39;, &#39;searchUrl&#39;: &#39;https://texttospeech-ndh.blogspot.com/search&#39;, &#39;canonicalHomepageUrl&#39;: &#39;https://texttospeech-ndh.blogspot.com/&#39;, &#39;blogspotFaviconUrl&#39;: &#39;https://texttospeech-ndh.blogspot.com/favicon.ico&#39;, &#39;bloggerUrl&#39;: &#39;https://www.blogger.com&#39;, &#39;hasCustomDomain&#39;: false, &#39;httpsEnabled&#39;: true, &#39;enabledCommentProfileImages&#39;: true, &#39;gPlusViewType&#39;: &#39;FILTERED_POSTMOD&#39;, &#39;adultContent&#39;: false, &#39;analyticsAccountNumber&#39;: &#39;&#39;, &#39;encoding&#39;: &#39;UTF-8&#39;, &#39;locale&#39;: &#39;vi&#39;, &#39;localeUnderscoreDelimited&#39;: &#39;vi&#39;, &#39;languageDirection&#39;: &#39;ltr&#39;, &#39;isPrivate&#39;: false, &#39;isMobile&#39;: false, &#39;isMobileRequest&#39;: false, &#39;mobileClass&#39;: &#39;&#39;, &#39;isPrivateBlog&#39;: false, &#39;isDynamicViewsAvailable&#39;: true, &#39;feedLinks&#39;: &#39;\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Text To Speech - Atom\x22 href\x3d\x22https://texttospeech-ndh.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Text To Speech - RSS\x22 href\x3d\x22https://texttospeech-ndh.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Text To Speech - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5842690204581761577/posts/default\x22 /\x3e\n&#39;, &#39;meTag&#39;: &#39;\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/12061552287145949160\x22 /\x3e\n&#39;, &#39;adsenseHostId&#39;: &#39;ca-host-pub-1556223355139109&#39;, &#39;adsenseHasAds&#39;: false, &#39;adsenseAutoAds&#39;: false, &#39;view&#39;: &#39;&#39;, &#39;dynamicViewsCommentsSrc&#39;: &#39;//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js&#39;, &#39;dynamicViewsScriptSrc&#39;: &#39;//www.blogblog.com/dynamicviews/360d76ffdb259010&#39;, &#39;plusOneApiSrc&#39;: &#39;https://apis.google.com/js/plusone.js&#39;, &#39;disableGComments&#39;: true, &#39;sharing&#39;: {&#39;platforms&#39;: [{&#39;name&#39;: &#39;Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft&#39;, &#39;key&#39;: &#39;link&#39;, &#39;shareMessage&#39;: &#39;Nh\u1eadn \u0111\u01b0\u1eddng li\xean k\u1ebft&#39;, &#39;target&#39;: &#39;&#39;}, {&#39;name&#39;: &#39;Facebook&#39;, &#39;key&#39;: &#39;facebook&#39;, &#39;shareMessage&#39;: &#39;Chia s\u1ebb v\u1edbi Facebook&#39;, &#39;target&#39;: &#39;facebook&#39;}, {&#39;name&#39;: &#39;BlogThis!&#39;, &#39;key&#39;: &#39;blogThis&#39;, &#39;shareMessage&#39;: &#39;BlogThis!&#39;, &#39;target&#39;: &#39;blog&#39;}, {&#39;name&#39;: &#39;Twitter&#39;, &#39;key&#39;: &#39;twitter&#39;, &#39;shareMessage&#39;: &#39;Chia s\u1ebb v\u1edbi Twitter&#39;, &#39;target&#39;: &#39;twitter&#39;}, {&#39;name&#39;: &#39;Pinterest&#39;, &#39;key&#39;: &#39;pinterest&#39;, &#39;shareMessage&#39;: &#39;Chia s\u1ebb v\u1edbi Pinterest&#39;, &#39;target&#39;: &#39;pinterest&#39;}, {&#39;name&#39;: &#39;Email&#39;, &#39;key&#39;: &#39;email&#39;, &#39;shareMessage&#39;: &#39;Email&#39;, &#39;target&#39;: &#39;email&#39;}], &#39;disableGooglePlus&#39;: true, &#39;googlePlusShareButtonWidth&#39;: 0, &#39;googlePlusBootstrap&#39;: &#39;\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27vi\x27};\x3c/script\x3e&#39;}, &#39;hasCustomJumpLinkMessage&#39;: false, &#39;jumpLinkMessage&#39;: &#39;\u0110\u1ecdc th\xeam&#39;, &#39;pageType&#39;: &#39;index&#39;, &#39;pageName&#39;: &#39;&#39;, &#39;pageTitle&#39;: &#39;Text To Speech&#39;}}, {&#39;name&#39;: &#39;features&#39;, &#39;data&#39;: {&#39;sharing_get_link_dialog&#39;: &#39;true&#39;, &#39;sharing_native&#39;: &#39;false&#39;}}, {&#39;name&#39;: &#39;messages&#39;, &#39;data&#39;: {&#39;edit&#39;: &#39;Ch\u1ec9nh s\u1eeda&#39;, &#39;linkCopiedToClipboard&#39;: &#39;\u0110\xe3 sao ch\xe9p \u0111\u01b0\u1eddng li\xean k\u1ebft v\xe0o b\u1ea3ng nh\u1edb t\u1ea1m!&#39;, &#39;ok&#39;: &#39;Ok&#39;, &#39;postLink&#39;: &#39;Li\xean k\u1ebft b\xe0i \u0111\u0103ng&#39;}}, {&#39;name&#39;: &#39;template&#39;, &#39;data&#39;: {&#39;name&#39;: &#39;custom&#39;, &#39;localizedName&#39;: &#39;T\xf9y ch\u1ec9nh&#39;, &#39;isResponsive&#39;: false, &#39;isAlternateRendering&#39;: false, &#39;isCustom&#39;: true}}, {&#39;name&#39;: &#39;view&#39;, &#39;data&#39;: {&#39;classic&#39;: {&#39;name&#39;: &#39;classic&#39;, &#39;url&#39;: &#39;?view\x3dclassic&#39;}, &#39;flipcard&#39;: {&#39;name&#39;: &#39;flipcard&#39;, &#39;url&#39;: &#39;?view\x3dflipcard&#39;}, &#39;magazine&#39;: {&#39;name&#39;: &#39;magazine&#39;, &#39;url&#39;: &#39;?view\x3dmagazine&#39;}, &#39;mosaic&#39;: {&#39;name&#39;: &#39;mosaic&#39;, &#39;url&#39;: &#39;?view\x3dmosaic&#39;}, &#39;sidebar&#39;: {&#39;name&#39;: &#39;sidebar&#39;, &#39;url&#39;: &#39;?view\x3dsidebar&#39;}, &#39;snapshot&#39;: {&#39;name&#39;: &#39;snapshot&#39;, &#39;url&#39;: &#39;?view\x3dsnapshot&#39;}, &#39;timeslide&#39;: {&#39;name&#39;: &#39;timeslide&#39;, &#39;url&#39;: &#39;?view\x3dtimeslide&#39;}, &#39;isMobile&#39;: false, &#39;title&#39;: &#39;Text To Speech&#39;, &#39;description&#39;: &#39;&#39;, &#39;url&#39;: &#39;https://texttospeech-ndh.blogspot.com/&#39;, &#39;type&#39;: &#39;feed&#39;, &#39;isSingleItem&#39;: false, &#39;isMultipleItems&#39;: true, &#39;isError&#39;: false, &#39;isPage&#39;: false, &#39;isPost&#39;: false, &#39;isHomepage&#39;: true, &#39;isArchive&#39;: false, &#39;isLabelSearch&#39;: false}}]);
</script>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='yes'/>
</body>
  <script src='https://nguyenduchoangvn.github.io/cdn/text-to-speech/script.js'/>
<!-- Kết thúc phần hiển thị trên web -->
  
</html>

Rip cover liên hệ: https://www.facebook.com/blogngoviminhhieu/

Nguyễn Hoàng Đạt

Ngu Vi Minh Héo +1 tốc độ rip =)))

Trung

Hoàng thì sao ? Mãi Đỉnh Mãi Đỉnh 🤣

Hà Trần Đức Trí

Cái tiếng Việt hình như không có giọng Bắc nhể

thanhphat

phatl4600@gmail.com , em xin :3333

phamhoaivu

tonyhoaivu@gmail.com rất mong dược admin chia sẽ