ການອ່ານຂໍ້ຄວາມໃນພາສາຈີນ

ຂ້າ​ພະ​ເຈົ້າ​ໄດ້​ຕັ້ງ​ຫນ້າ​ທີ່​ຂອງ​ຕົນ​ເອງ​ໃນ​ການ​ຂຽນ​ສຽງ​ຂອງ​ຕົວ​ຫນັງ​ສື​ໃນ​ພາ​ສາ​ຈີນ​.ນີ້ແມ່ນເລື່ອງທີ່ງ່າຍດາຍພໍສົມຄວນຖ້າທ່ານມີປະສົບການແລ້ວ, ແຕ່ເມື່ອທ່ານເລີ່ມຕົ້ນເຮັດມັນຈາກຈຸດເລີ່ມຕົ້ນ, ທ່ານຈະລວບລວມບັນຫາຫຼາຍຢ່າງທີ່ຄວາມປາຖະຫນາອາດຈະຫາຍໄປກ່ອນຫນ້ານີ້.JavaScript ເປັນພາສາທີ່ມີປະໂຫຍດຫຼາຍ, ມັນເບິ່ງຄືວ່າມີທຸກຢ່າງທີ່ໃຈເຈົ້າຕ້ອງການ.

ລອງເບິ່ງສະບັບສຸດທ້າຍທີ່ທ່ານສາມາດວາງໃສ່ DevTools ແລະກວດເບິ່ງມັນອອກ.

var utterance = new SpeechSynthesisUtterance('菜');
var voices = window.speechSynthesis.getVoices();
utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[0];
window.speechSynthesis.speak(utterance);

zh-CN - ນີ້ແມ່ນວິທີການກໍານົດພາສາຈີນຢູ່ໃນລໍາໄສ້ຂອງຕົວທ່ອງເວັບ.ໃນໂຄງການຂອງພວກເຮົາ, ພວກເຮົາຄົ້ນຫາຕົວທ່ອງເວັບສໍາລັບສຽງຂອງພາສາຈີນ, ແລະພະຍາຍາມຜະລິດປະໂຫຍກຂອງພວກເຮົາ.ມັນປະຕິບັດບໍ່ໄດ້ແຕກຕ່າງຈາກການອອກສຽງພາສາອື່ນ.ແຕ່ມີສອງສາມ nuances ຢູ່ທີ່ນີ້.ການ​ກັ່ນ​ຕອງ​ອາ​ເຣ​ຂອງ​ພາ​ສາ​ທີ່​ມີ​ຢູ່​ພວກ​ເຮົາ​ມາ​ໃນ​ທົ່ວ 2 ສຽງ​ຂອງ​ຈີນ zh-CN​.Zero ຈະເປັນສຽງຂອງແມ່ຍິງ, ແລະທໍາອິດແມ່ນສຽງຜູ້ຊາຍ.

ເພດຍິງ

utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[0];

ຜູ້​ຊາຍ

utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[1];

ນອກຈາກນັ້ນ, ການສະແດງສຽງຈະແຕກຕ່າງຈາກຕົວທ່ອງເວັບໄປຫາຕົວທ່ອງເວັບແລະຈາກອຸປະກອນໄປຫາອຸປະກອນ.ຕົວທ່ອງເວັບຂອງ Chrome ມີສຽງຂອງຕົນເອງ, ຕົວທ່ອງເວັບ Edge ມີຄວາມແຕກຕ່າງກັນຫມົດ, ມີຄວາມສຸກຫຼາຍ, ໂດຍວິທີທາງການ, ແລະຕົວທ່ອງເວັບ Opera ບໍ່ມີສຽງໃດໆ, ດັ່ງນັ້ນຈະບໍ່ມີການສະແດງສຽງ.

ລະ​ຫັດ​ນີ້​ສາ​ມາດ​ໄດ້​ຮັບ​ການ​ແຂບ​ປຸ່ມ​ແລະ​ສຽງ​ບາງ​ສິ່ງ​ບາງ​ຢ່າງ​ຂອງ​ທ່ານ​ເອງ​.

function say(voiceId){
    let text = document.getElementById("pole").innerHTML
    console.log (text)
    var utterance = new SpeechSynthesisUtterance(text);
    var voices = window.speechSynthesis.getVoices();
    utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[voiceId];
    window.speechSynthesis.speak(utterance);
}

ແລະລະຫັດປຸ່ມ:

<button onclick="say(1)">👨🔉</button>

ບໍ່ມີບັນຫາອື່ນໆກັບການສະແດງສຽງ.ໂອ້, ແມ່ນແລ້ວ, ມັນເຮັດວຽກແນວໃດໃນໂທລະສັບສະຫຼາດ.ແມ່ນແລ້ວ, ຍິ່ງໃຫຍ່, ໂດຍສະເພາະໃນຕົວທ່ອງເວັບ Edge ມືຖື.ໂດຍວິທີທາງການ, ໂດຍອີງໃສ່ເທກໂນໂລຍີນີ້, ຂ້ອຍພະຍາຍາມສ້າງ microservice ສໍາລັບການຮຽນຮູ້ພາສາຈີນ, ນີ້ແມ່ນ: