phonemic-transcriber
Version:
A simple phonemic transcriber for the american english language.
92 lines (91 loc) • 15.2 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Armotus">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="fav/favicon.svg">
<title>Phonemic Transcription</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Spectral:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="main">
<div id="top"></div>
<h1 style="cursor:pointer" id="Title" onclick="myTheme();">PHONEMIC TRANSCRIPTION</h1>
<p>A simple phonemic transcriber for the american english language.</p>
<div class="inblo"><input type="checkbox" id="myMAPA" onclick="myfunMAPA();" checked><span>MAPA</span> </div> <div class="inblo"><input type="checkbox" id="mySAPA" onclick="myfunSAPA();"><span>SAPA</span> </div> || <div class="inblo"><input type="checkbox" id="mySyll" onclick="myFunction();" checked><span style="display:inline">syllable</span> </div> <div class="inblo"><input type="checkbox" id="myStr1" onclick="myFunction();"><span style="display:inline"><span style="display:inline" id="myST1a">a:á</span><span style="display:none" id="myST1b">a:³</span></span> </div> <div class="inblo"><input type="checkbox" id="myStr2" onclick="myFunction();"><span style="display:inline"><span style="display:inline" id="myST2a">a:ä</span><span style="display:none" id="myST2b">a:²</span></span> </div> <div class="inblo"><input type="checkbox" id="myCase" onclick="myFunction();"><span style="display:inline">z:Z</span> </div> <div class="inblo"><input type="checkbox" id="myFusi" onclick="myFunction();"><span style="display:inline">az { az }</span> </div> || <div class="inblo"><input type="checkbox" id="myMaxi" onclick="myFunMaxi();"><span style="display:inline">mop</span> </div> <div class="inblo"><input type="checkbox" id="myWeak" onclick="myFunWeak();"><span style="display:inline">wsp</span> </div>
<p></p>
<form><textarea id="myInput" rows="12" cols="90" spellcheck="false" placeholder="Enter some text here and click the 'Run' button" onmouseup="mySize();"></textarea></form>
<br>
<button onclick="myChange();">Run</button><span class="spanBreak1"> </span><button onclick="myClear();">Clear</button><span class="spanBreak2"> </span><button onclick="myAaTex();">AZ:az</button>
<br><br>
<form><textarea id="myResult" rows="12" cols="90" spellcheck="false" placeholder="Display in dark or light mode : click on the 'Title'" onmouseup="mySize();"></textarea></form>
<br>
<button onclick="mySave();">Save</button><span class="spanBreak1"> </span><button id="myCopy" onclick="myCopy();">Copy</button><span class="spanBreak2"> </span><button onclick="myModeT();">Areas</button>
<br class="dobleBr">
<p><a id="phonemes-a"></a></p>
<h2><span style="cursor:pointer" onclick="myPho();">PHONEMES</span><span class="phos" style="display:none"> "A" ( <a href="https://en.wikipedia.org/wiki/General_American_English">GA</a> )</span></h2>
<p class="phop" style="display:none">A0 • Carnegie Mellon University ( <a href="https://en.wikipedia.org/wiki/CMU_Pronouncing_Dictionary">CMU</a> )</p>
<p class="phop" style="display:none">| AH , EH , IH , UH , AE , AH0 , ER0 | AA , ER , IY , AO , UW | AY , EY , OY , AW , OW | Stress : 0 , 1 , 2 |</p>
<p class="phop" style="display:none">| B , CH , D , F , G , HH , K , L , M , N , P , R , S , T , V , W , Y , Z | DH , JH , NG , SH , TH , ZH |</p>
<p class="phop" style="display:none">A1 • American Phonetic Alphabet ( <a href="https://github.com/armotus/phonemic-transcription">APA</a> )</p>
<p class="phop" style="display:none">| ah , eh , ih , uh , ax , ox , ox~ | aq , eq~ , iq , oq , uq | ai , ei , oi , au , ou | Stress : a ¹, á ³, ä ² |</p>
<p class="phop" style="display:none">| b , c , d , f , g , j , k , l , m , n , p , r , s , t , v , w , y , z | dh , jh , nh , sh , th , zh |</p>
<p class="pham" style="display:block"><span class="phos" style="display:none">A2 </span>• Modified American Phonetic Alphabet ( <a href="https://github.com/armotus/phonemic-transcription">MAPA</a> )</p>
<p class="pham" style="display:block">| a , e , i , u , ae , ə , ər | aa , eer , ii , oo , uu | ai , ei , oi , au , ou | Stress : a , á , ä |</p>
<p class="pham" style="display:block">| b , <span class="phos" style="display:none">ch , </span>d , f , g , h , <span class="phoz" style="display:inline">j , </span>k , l , m , n , p , r , s , t , v , w , y , z | <span class="phoz" style="display:inline">ch , </span>dh , <span class="phos" style="display:none">j , </span>ng , sh , th , zh |</p>
<p class="phas" style="display:none"><span class="phos" style="display:none">A3 </span>• Simplified American Phonetic Alphabet ( <a href="https://github.com/armotus/phonemic-transcription">SAPA</a> )</p>
<p class="phas" style="display:none">| a , e , i , u , æ , ə , ər | ā , ēr , ī , ō , ū | ai , ei , oi , au , ou | Stress : ¹ , ³ , ² |</p>
<p class="phas" style="display:none">| b , <span class="phos" style="display:none">ch , </span>d , f , g , h , <span class="phoz" style="display:inline">j , </span>k , l , m , n , p , r , s , t , v , w , y , z | <span class="phoz" style="display:inline">ch , </span>dh , <span class="phos" style="display:none">j , </span>ŋ , sh , th , ş |</p>
<p><span class="phos" style="display:none">A4 </span>• International Phonetic Alphabet ( <a href="https://en.wikipedia.org/wiki/International_Phonetic_Alphabet">IPA</a> )</p>
<p>| ʌ , ɛ , ɪ , ʊ , æ , ə , ɚ | ɑː , ɝː , iː , ɔː , uː | aɪ , eɪ , ɔɪ , aʊ , oʊ | Stress : . , ˈ , ˌ |</p>
<p>| b , <span class="phos" style="display:none">t͡ʃ , </span>d , f , g , h , <span class="phoz" style="display:inline">d͡ʒ , </span>k , l , m , n , p , r , s , t , v , w , j , z | <span class="phoz" style="display:inline">t͡ʃ , </span>ð , <span class="phos" style="display:none">d͡ʒ , </span>ŋ , ʃ , θ , ʒ |</p>
<p><a id="phonemes-b"></a></p>
<h2 class="phop" style="display:none"><span style="cursor:pointer" onclick="myPho();">PHONEMES</span> "B" ( <a href="https://en.wikipedia.org/wiki/Received_Pronunciation">RP</a> )</h2>
<p class="phop" style="display:none">B1 • English Phonetic Alphabet ( <a href="https://github.com/armotus/phonemic-transcription">EPA</a> )</p>
<p class="phop" style="display:none">| ah , eh , ih , oh , uh , ax , ox | aq , eq , iq , oq , uq | ex , ix , ux , ai , ei , oi , au , ou |</p>
<p class="phop" style="display:none">| a:i:x , a:u:x | e:i:x , o:i:x , o:u:x | Stress : a ¹, á ³, ä ² |</p>
<p class="phop" style="display:none">| b , c , d , f , g , j , k , l , m , n , p , r , s , t , v , w , y , z | dh , jh , nh , sh , th , zh |</p>
<p class="phop" style="display:none">B2 • Modified English Phonetic Alphabet ( <a href="https://github.com/armotus/phonemic-transcription">MEPA</a> )</p>
<p class="phop" style="display:none">| a , e , i , o , u , ae , ə | aa , ee , ii , oo , uu | eə , iə , uə , ai , ei , oi , au , əu |</p>
<p class="phop" style="display:none">| aiə , auə | ei.ə , oi.ə , əu.ə | Stress : a , á , ä | əú , əü → stressed schwa ə |</p>
<p class="phop" style="display:none">| b , ch , d , f , g , h , k , l , m , n , p , r , s , t , v , w , y , z | dh , j , ng , sh , th , zh |</p>
<p class="phop" style="display:none">B3 • Simplified English Phonetic Alphabet ( <a href="https://github.com/armotus/phonemic-transcription">SEPA</a> )</p>
<p class="phop" style="display:none">| a , e , i , o , u , æ , ə | ā , ē , ī , ō , ū | eə , iə , uə , ai , ei , oi , au , əu |</p>
<p class="phop" style="display:none">| aiə , auə | ei.ə , oi.ə , əu.ə | Stress : ¹ , ³ , ² |</p>
<p class="phop" style="display:none">| b , ch , d , f , g , h , k , l , m , n , p , r , s , t , v , w , y , z | dh , j , ŋ , sh , th , ş |</p>
<p class="phop" style="display:none">B4 • International Phonetic Alphabet ( <a href="https://en.wikipedia.org/wiki/International_Phonetic_Alphabet">IPA</a> )</p>
<p class="phop" style="display:none">| ʌ , e , ɪ , ɒ , ʊ , æ , ə | ɑː , ɜː , iː , ɔː , uː | eə , ɪə , ʊə , aɪ , eɪ , ɔɪ , aʊ , əʊ |</p>
<p class="phop" style="display:none">| aɪə , aʊə | eɪ.ə , ɔɪ.ə , əʊ.ə | Stress : . , ˈ , ˌ |</p>
<p class="phop" style="display:none">| b , t͡ʃ , d , f , g , h , k , l , m , n , p , r , s , t , v , w , j , z | ð , d͡ʒ , ŋ , ʃ , θ , ʒ |</p>
<p><a id="philosophy"></a></p>
<h2 style="cursor:pointer" onclick="myPhi();">PHILOSOPHY</h2>
<p>• Traditional Transcription ( Characters ) ⇒ Traditional Orthography ⇒ Traditional Writing<span class="phis" style="display:none"> ( 1st )</span></p>
<p class="phip" style="display:none">• Phonetic Transcription ( Allophones ) ⇒ Phonetic Orthography ⇒ Phonetic Writing ( 2nd )</p>
<p>• Phonemic Transcription ( Phonemes ) ⇒ Phonemic Orthography ⇒ Phonemic Writing<span class="phis" style="display:none"> ( 3rd )</span></p>
<a id="bibliography"></a>
<h2 style="cursor:pointer" onclick="myBib();">BIBLIOGRAPHY</h2>
<p class="bibp" style="display:none">• ARPABET : Advanced Research Projects Agency ( <a href="https://en.wikipedia.org/wiki/ARPABET">Link</a> )</p>
<p class="bibp" style="display:none">• CMU : The CMU Pronouncing Dictionary ( <a href="https://en.wikipedia.org/wiki/CMU_Pronouncing_Dictionary">Link</a> )</p>
<p class="bibp" style="display:none">• IPA : International Phonetic Alphabet ( <a href="https://en.wikipedia.org/wiki/International_Phonetic_Alphabet">Link</a> )</p>
<p class="bibp" style="display:none">• GEMINI : Google's AI Assistant ( <a href="https://en.wikipedia.org/wiki/Gemini_(chatbot)">Link</a> )</p>
<p class="bibp" style="display:none">• MOP : Maximal Onset Principle ( <a href="https://en.wikipedia.org/wiki/English_phonology">Link</a> )</p>
<p class="bibp" style="display:none">• WSP : Weak Syllable Principle ( <a href="https://en.wikipedia.org/wiki/Syllable">Link</a> )</p>
<p>• <span class="bibs" style="display:none">URL : </span>Phonemic Orthography ( <a href="https://en.wikipedia.org/wiki/Phonemic_orthography">Link</a> )</p>
<p>• <span class="bibs" style="display:none">URL : </span>Cambridge Dictionary ( <a href="https://dictionary.cambridge.org/us/dictionary/english/american">Link</a> )</p>
<p class="bibp" style="display:none">• URL : Alphabetic Principle ( <a href="https://en.wikipedia.org/wiki/Alphabetic_principle">Link</a> )</p>
<h2 style="cursor:pointer" onclick="myPro();">PROJECT</h2>
<p>• <a href="https://github.com/armotus/phonemic-transcription">HOME</a></p>
<h2>LICENSE</h2>
<p>• <a href="abc/abc.html">ABC</a></p>
</div>
<script src="js/panels.js"></script>
<script src="js/dictionary.js"></script>
<script src="js/transcriber.js"></script>
</body>
</html>