add pronunciation section

This commit is contained in:
sahash07
2025-10-01 10:47:29 +05:45
parent a6971bd27d
commit 9fe8b1f4d8
3 changed files with 246 additions and 0 deletions

View File

@@ -0,0 +1,118 @@
| Word | American Pronunciation | British Pronunciation |
|-------------------|-------------------------|-----------------------|
| Advertisement | /ˌæd.vɚˈtaɪz.mənt/ | /ədˈː.tɪs.mənt/ |
| Schedule | /ˈskedʒ.uːl/ | /ˈʃed.juːl/ |
| Route | /ruːt/ or /raʊt/ | /ruːt/ |
| Tomato | /təˈmeɪ.toʊ/ | /təˈmɑː.təʊ/ |
| Leisure | /ˈliː.ʒɚ/ | /ˈleʒ.ər/ |
| Either | /ˈiː.ðɚ/ or /ˈaɪ.ðɚ/ | /ˈaɪ.ðər/ |
| Neither | /ˈniː.ðɚ/ or /ˈnaɪ.ðɚ/ | /ˈnaɪ.ðər/ |
| Garage | /ɡəˈrɑːʒ/ | /ˈɡær.ɑːʒ/ |
| Mobile | /ˈmoʊ.bəl/ | /ˈməʊ.baɪl/ |
| Privacy | /ˈpraɪ.və.si/ | /ˈprɪv.ə.si/ |
| Process | /ˈprɑː.ses/ | /ˈprəʊ.ses/ |
| Data | /ˈdeɪ.t̬ə/ | /ˈdɑː.tə/ |
| Vase | /veɪs/ | /vɑːz/ |
| Zebra | /ˈziː.brə/ | /ˈzɛb.rə/ |
| Aluminium | /əˈluː.mə.nəm/ | /ˌæl.jʊˈmɪn.i.əm/ |
| Entrepreneur | /ˌɑːn.trə.prəˈːr/ | /ˌɒn.trə.prəˈː/ |
| Herb | /ɜːrb/ | /hɜːb/ |
| Iron | /ˈaɪ.ərn/ | /ˈaɪ.ən/ |
| Laboratory | /ˈlæb.rəˌtɔːr.i/ | /ləˈbɒr.ə.tər.i/ |
| Coupon | /ˈkuː.pɑːn/ | /ˈkjuː.pɒn/ |
| Vitamin | /ˈvaɪ.t̬ə.mɪn/ | /ˈvɪt.ə.mɪn/ |
| Defence | /dɪˈfens/ | /dɪˈfens/ |
| Schedule | /ˈskedʒ.uːl/ | /ˈʃed.juːl/ |
| Route | /raʊt/ | /ruːt/ |
| Mobile | /ˈmoʊ.bəl/ | /ˈməʊ.baɪl/ |
| Tomato | /təˈmeɪ.toʊ/ | /təˈmɑː.təʊ/ |
| Leisure | /ˈliː.ʒɚ/ | /ˈleʒ.ər/ |
| Zebra | /ˈziː.brə/ | /ˈzɛb.rə/ |
| Privacy | /ˈpraɪ.və.si/ | /ˈprɪv.ə.si/ |
| Process | /ˈprɑː.ses/ | /ˈprəʊ.ses/ |
| Iron | /ˈaɪ.ərn/ | /ˈaɪ.ən/ |
| Aluminium | /əˈluː.mə.nəm/ | /ˌæl.jʊˈmɪn.i.əm/ |
| Defence | /dɪˈfens/ | /dɪˈfens/ |
| Entrepreneur | /ˌɑːn.trə.prəˈːr/ | /ˌɒn.trə.prəˈː/ |
| Laboratory | /ˈlæb.rəˌtɔːr.i/ | /ləˈbɒr.ə.tər.i/ |
| Coupon | /ˈkuː.pɑːn/ | /ˈkjuː.pɒn/ |
| Vitamin | /ˈvaɪ.t̬ə.mɪn/ | /ˈvɪt.ə.mɪn/ |
| Route | /ruːt/ or /raʊt/ | /ruːt/ |
| Garage | /ɡəˈrɑːʒ/ | /ˈɡær.ɑːʒ/ |
| Mobile | /ˈmoʊ.bəl/ | /ˈməʊ.baɪl/ |
| Leisure | /ˈliː.ʒɚ/ | /ˈleʒ.ər/ |
| Tomato | /təˈmeɪ.toʊ/ | /təˈmɑː.təʊ/ |
| Zebra | /ˈziː.brə/ | /ˈzɛb.rə/ |
| Aluminium | /əˈluː.mə.nəm/ | /ˌæl.jʊˈmɪn.i.əm/ |
| Data | /ˈdeɪ.t̬ə/ | /ˈdɑː.tə/ |
| Advertisement | /ˌæd.vɚˈtaɪz.mənt/ | /ədˈː.tɪs.mənt/ |
| Schedule | /ˈskedʒ.uːl/ | /ˈʃed.juːl/ |
| Route | /ruːt/ or /raʊt/ | /ruːt/ |
| Tomato | /təˈmeɪ.toʊ/ | /təˈmɑː.təʊ/ |
| Leisure | /ˈliː.ʒɚ/ | /ˈleʒ.ər/ |
| Zebra | /ˈziː.brə/ | /ˈzɛb.rə/ |
| Privacy | /ˈpraɪ.və.si/ | /ˈprɪv.ə.si/ |
| Process | /ˈprɑː.ses/ | /ˈprəʊ.ses/ |
| Herb | /ɜːrb/ | /hɜːb/ |
| Iron | /ˈaɪ.ərn/ | /ˈaɪ.ən/ |
| Laboratory | /ˈlæb.rəˌtɔːr.i/ | /ləˈbɒr.ə.tər.i/ |
| Entrepreneur | /ˌɑːn.trə.prəˈːr/ | /ˌɒn.trə.prəˈː/ |
| Comfortable | /ˈkʌm.fɚ.t̬ə.bəl/ | /ˈkʌm.fə.tə.bəl/ |
| Architecture | /ˈɑːr.kə.ˌtek.tʃɚ/ | /ˈɑː.kɪ.tek.tʃər/ |
| Psychology | /saɪˈkɑː.lə.dʒi/ | /saɪˈkɒl.ə.dʒi/ |
| Entrepreneurial | /ˌɑːn.trə.prəˈː.i.əl/| /ˌɒn.trə.prəˈːr.i.əl/|
| Temperature | /ˈtem.pɚ.ə.tʃɚ/ | /ˈtem.pər.ə.tʃər/ |
| Environment | /ɪnˈvaɪ.rən.mənt/ | /ɪnˈvaɪ.rən.mənt/ |
| Comfortable | /ˈkʌm.fɚ.t̬ə.bəl/ | /ˈkʌm.fə.tə.bəl/ |
| Vehicle | /ˈviː.ɪ.kəl/ | /ˈvɪə.kəl/ |
| Chemistry | /ˈkem.ə.stri/ | /ˈkem.ɪ.stri/ |
| Physics | /ˈfɪz.ɪks/ | /ˈfɪz.ɪks/ |
| Biology | /baɪˈɑː.lə.dʒi/ | /baɪˈɒl.ə.dʒi/ |
| Geography | /dʒiˈɑː.grə.fi/ | /dʒiˈɒɡ.rə.fi/ |
| Government | /ˈɡʌv.ɚn.mənt/ | /ˈɡʌv.ən.mənt/ |
| Independent | /ˌɪn.dɪˈpen.dənt/ | /ˌɪn.dɪˈpen.dənt/ |
| Opportunity | /ˌɑː.pɚˈtuː.nə.t̬i/ | /ˌɒp.əˈtjuː.nɪ.ti/ |
| University | /ˌjuː.nɪˈː.sə.ti/ | /ˌjuː.nɪˈː.sɪ.ti/ |
| Comfortable | /ˈkʌm.fɚ.t̬ə.bəl/ | /ˈkʌm.fə.tə.bəl/ |
| Development | /dɪˈvel.əp.mənt/ | /dɪˈvel.əp.mənt/ |
| Important | /ɪmˈːr.tənt/ | /ɪmˈː.tənt/ |
| Knowledge | /ˈnɑː.lɪdʒ/ | /ˈnɒl.ɪdʒ/ |
| Technology | /tɛkˈnɑː.lə.dʒi/ | /tɛkˈnɒl.ə.dʒi/ |
| Education | /ˌedʒ.əˈkeɪ.ʃən/ | /ˌed.jʊˈkeɪ.ʃən/ |
| Communication | /kəˌmjuː.nɪˈkeɪ.ʃən/ | /kəˌmjuː.nɪˈkeɪ.ʃən/ |
| Situation | /ˌsɪtʃ.uˈeɪ.ʃən/ | /ˌsɪt.juˈeɪ.ʃən/ |
| Discussion | /dɪˈskʌʃ.ən/ | /dɪˈskʌʃ.ən/ |
| Argument | /ˈɑːr.ɡjə.mənt/ | /ˈɑːɡ.jʊ.mənt/ |
| Experience | /ɪkˈspɪr.i.əns/ | /ɪkˈspɪə.ri.əns/ |
| Example | /ɪɡˈzæm.pəl/ | /ɪɡˈzɑːm.pəl/ |
| Environment | /ɪnˈvaɪ.rən.mənt/ | /ɪnˈvaɪ.rən.mənt/ |
| Population | /ˌpɑː.pjəˈleɪ.ʃən/ | /ˌpɒp.jʊˈleɪ.ʃən/ |
| Global | /ˈɡloʊ.bəl/ | /ˈɡləʊ.bəl/ |
| Pollution | /pəˈluː.ʃən/ | /pəˈluː.ʃən/ |
| Climate | /ˈklaɪ.mət/ | /ˈklaɪ.mət/ |
| Technology | /tɛkˈnɑː.lə.dʒi/ | /tɛkˈnɒl.ə.dʒi/ |
| Internet | /ˈɪn.t̬ɚ.net/ | /ˈɪn.tə.net/ |
| Education | /ˌedʒ.əˈkeɪ.ʃən/ | /ˌed.jʊˈkeɪ.ʃən/ |
| University | /ˌjuː.nɪˈː.sə.ti/ | /ˌjuː.nɪˈː.sɪ.ti/ |
| Assignment | /əˈsaɪn.mənt/ | /əˈsaɪn.mənt/ |
| Professor | /prəˈfɛs.ɚ/ | /prəˈfes.ər/ |
| Research | /rɪˈːtʃ/ | /rɪˈːtʃ/ |
| Laboratory | /ˈlæb.rəˌtɔːr.i/ | /ləˈbɒr.ə.tər.i/ |
| Government | /ˈɡʌv.ɚn.mənt/ | /ˈɡʌv.ən.mənt/ |
| Organization | /ˌɔːr.ɡən.ɪˈzeɪ.ʃən/ | /ˌɔː.ɡə.naɪˈzeɪ.ʃən/ |
| Society | /səˈsaɪ.ə.t̬i/ | /səˈsaɪ.ə.ti/ |
| Culture | /ˈkʌl.tʃɚ/ | /ˈkʌl.tʃər/ |
| Literature | /ˈlɪt̬.ɚ.ə.tʃɚ/ | /ˈlɪt.ər.ə.tʃər/ |
| Music | /ˈmjuː.zɪk/ | /ˈmjuː.zɪk/ |
| Performance | /pɚˈːr.məns/ | /pəˈː.məns/ |
| Health | /hɛlθ/ | /hɛlθ/ |
| Medicine | /ˈmed.ɪ.sən/ | /ˈmed.ɪ.sɪn/ |
| Hospital | /ˈhɑː.spɪ.t̬əl/ | /ˈhɒs.pɪ.təl/ |
| Psychology | /saɪˈkɑː.lə.dʒi/ | /saɪˈkɒl.ə.dʒi/ |
| Economy | /ɪˈkɑː.nə.mi/ | /ɪˈkɒn.ə.mi/ |
| Finance | /ˈfaɪ.næns/ | /ˈfɪn.æns/ |
| Business | /ˈbɪz.nəs/ | /ˈbɪz.nɪs/ |
| Industry | /ˈɪn.də.stri/ | /ˈɪn.də.stri/ |
| Technology | /tɛkˈnɑː.lə.dʒi/ | /tɛkˈnɒl.ə.dʒi/ |
| Transport | /ˈtræn.spɔːrt/ | /ˈtræn.spɔːt/ |
| Vehicle | /ˈviː.ɪ.kəl/ | /ˈvɪə.kəl/ |

View File

@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IELTS Pronunciation Trainer - 100 Words</title>
<style>
:root {
--bg-dark: #121212;
--bg-light: #f4f4f4;
--card-dark: #1e1e1e;
--card-light: #ffffff;
--text-dark: #ffffff;
--text-light: #121212;
--accent: #4caf50;
}
body.dark { background: var(--bg-dark); color: var(--text-dark); }
body.light { background: var(--bg-light); color: var(--text-light); }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:20px; transition:0.3s; }
h1 { text-align:center; margin-bottom:20px; }
#controls { text-align:center; margin-bottom:20px; }
#toggleTheme, #addWordBtn { padding:10px 15px; background:var(--accent); border:none; color:#fff; border-radius:5px; cursor:pointer; margin:5px; }
#searchBar, #newWordInput { padding:10px; font-size:16px; border-radius:5px; border:1px solid #ccc; margin:5px; width:200px; }
.word-card { display:flex; align-items:center; justify-content:space-between; background:var(--card-dark); padding:10px 15px; border-radius:8px; margin-bottom:10px; transition:0.3s; }
body.light .word-card { background: var(--card-light); color: var(--text-light); }
.word { font-size:18px; font-weight:500; }
.buttons button { margin-left:5px; padding:5px 10px; border-radius:5px; border:none; cursor:pointer; background:var(--accent); color:#fff; font-size:14px; transition:0.3s; }
.buttons button:hover { background:#388e3c; }
</style>
</head>
<body class="dark">
<h1>IELTS Pronunciation Trainer - 100 Words</h1>
<div id="controls">
<button id="toggleTheme">Toggle Light/Dark Mode</button><br>
<input type="text" id="searchBar" placeholder="Search a word...">
<input type="text" id="newWordInput" placeholder="Add new word">
<button id="addWordBtn">Add Word</button>
</div>
<div id="wordList"></div>
<script>
let words = [
"Advertisement","Schedule","Route","Tomato","Leisure","Either","Neither","Garage","Mobile","Privacy",
"Process","Data","Vase","Zebra","Vehicle","Receipt","Energy","Success","Comfort","Chocolate",
"Clothes","Ballet","Adult","Often","Focus","Result","Famous","History","Problem","Favorite",
"Intelligence","Decision","Opportunity","Restaurant","Environment","Culture","Company","Science","Example","Government",
"Important","Possible","Different","Technology","Development","Interest","Beautiful","Friend","Experience","Language",
"Education","Health","Professional","Information","Knowledge","Performance","Practice","University","Community","Population",
"Government","Future","Travel","Exercise","Leader","Quality","Support","Resource","Achievement","Modern",
"Necessary","Situation","Effort","Material","International","Society","Strategy","Decision","Success","Activity",
"Individual","Creative","Organization","Research","Understanding","Communication","Positive","Negative","Performance","Solution",
"Traditional","Modern","Global","Economic","Political","Cultural","Environment","Science","Education","Technology"
];
const wordList = document.getElementById('wordList');
function createWordCard(word, index) {
const card = document.createElement('div');
card.className = 'word-card';
card.innerHTML = `
<div class="word">${index + 1}. ${word}</div>
<div class="buttons">
<button onclick="speak('${word}','en-US')">US</button>
<button onclick="speak('${word}','en-GB')">UK</button>
</div>
`;
wordList.appendChild(card);
}
function renderWords(list) {
wordList.innerHTML = '';
list.forEach((word,index)=>createWordCard(word,index));
}
// Speak function forcing female voice
function speak(word, lang) {
const utter = new SpeechSynthesisUtterance(word);
utter.lang = lang;
utter.rate = 0.85; // slower like Google TTS
let voices = window.speechSynthesis.getVoices();
let femaleVoice;
if(lang.includes('en-US')) {
femaleVoice = voices.find(v => v.lang.includes('en-US') && /zira|samantha/i.test(v.name));
} else {
femaleVoice = voices.find(v => v.lang.includes('en-GB') && /female|hazel|kate/i.test(v.name));
}
if(femaleVoice) utter.voice = femaleVoice;
window.speechSynthesis.speak(utter);
}
// Initial render
renderWords(words);
// Search filter
document.getElementById('searchBar').addEventListener('input',(e)=>{
const filter = e.target.value.toLowerCase();
const filtered = words.filter(word=>word.toLowerCase().includes(filter));
renderWords(filtered);
});
// Toggle Dark/Light
document.getElementById('toggleTheme').addEventListener('click', ()=>{
document.body.classList.toggle('dark');
document.body.classList.toggle('light');
});
// Add new word dynamically
document.getElementById('addWordBtn').addEventListener('click', ()=>{
const newWord = document.getElementById('newWordInput').value.trim();
if(newWord && !words.includes(newWord)) {
words.push(newWord);
renderWords(words);
document.getElementById('newWordInput').value = '';
}
});
// Ensure voices are loaded
window.speechSynthesis.onvoiceschanged = () => {};
</script>
</body>
</html>

View File

@@ -0,0 +1,5 @@
To consider looking :
1. Sentence Stress ( certain words are being emphasized in sentence )
2. Weak Sounds ( certain words sound weaker than normal in a sentence)
3. Intonation ( the rise and fall in pitch or tone )
4.