{"id":2388,"date":"2024-11-02T12:36:25","date_gmt":"2024-11-02T12:36:25","guid":{"rendered":"http:\/\/www.readingca.org.uk\/wordpress\/?p=2388"},"modified":"2025-11-27T14:37:46","modified_gmt":"2025-11-27T14:37:46","slug":"ipa-english","status":"publish","type":"post","link":"https:\/\/www.readingca.org.uk\/wordpress\/ipa-english\/","title":{"rendered":"\u570b\u969b\u97f3\u6a19\u82f1\u8a9e\u62fc\u97f3\u5b57\u6bcd\u767c\u97f3"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2388\" class=\"elementor elementor-2388\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a58a5a4 e-flex e-con-boxed e-con e-parent\" data-id=\"a58a5a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ac160b elementor-widget elementor-widget-text-editor\" data-id=\"0ac160b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #000000;\"><b>\u570b\u969b\u97f3\u6a19<\/b> (International Phonetic Alphabet) \u662f\u7528\u65bc\u986f\u793a\u4efb\u4f55\u8a9e\u8a00\u4e2d\u8a5e\u8a9e\u767c\u97f3\u7684\u5b57\u6bcd\u8868\u3002<b style=\"font-style: inherit; text-align: var(--text-align); background-color: var(--ast-global-color-4);\">\u570b\u969b\u97f3\u6a19<\/b><span style=\"font-style: inherit; font-weight: inherit; text-align: var(--text-align); background-color: var(--ast-global-color-4);\">\uff08IPA\uff09\u7531107\u500b\u5b57\u6bcd\u7d44\u6210\uff0c\u9019\u4e9b\u5b57\u6bcd\u4ee3\u8868\u8f14\u97f3\u548c\u5143\u97f3\u3002\u6b64\u5916\uff0c\u9084\u670931\u500b\u8b8a\u97f3\u7b26\u865f\u4f86\u4fee\u6539\u9019\u4e9b\u5b57\u6bcd\uff0c\u4e26\u670917\u500b\u7b26\u865f\u4f86\u8868\u793a\u5982\u9577\u5ea6\u3001\u97f3\u8abf\u3001\u91cd\u97f3\u548c\u8a9e\u8abf\u7b49\u8d85\u97f3\u6bb5\u7279\u5fb5\u3002<\/span><span style=\"font-style: inherit; font-weight: inherit; text-align: var(--text-align); background-color: var(--ast-global-color-4);\">\u5b78\u82f1\u8a9e\u9700\u8981\u638c\u63e1\u7684\u53ea\u662f<\/span><b style=\"font-style: inherit; text-align: var(--text-align); background-color: var(--ast-global-color-4);\">\u570b\u969b\u97f3\u6a19<\/b><span style=\"font-style: inherit; font-weight: inherit; text-align: var(--text-align); background-color: var(--ast-global-color-4);\">\u4e2d\u768444\u500b\u6a19\u97f3\u5b57\u6bcd\u3002<\/span><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ff9130a e-flex e-con-boxed e-con e-parent\" data-id=\"7ff9130a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-696181ac elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"696181ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\naudio { display: none;}\r\n\/* Define a base button style *\/\r\n.button {\r\n    width: 60px;\r\n    height: 60px;\r\n    border: none;\r\n    color: white;\r\n    padding: 10px 10px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    font-size: 40px;\r\n    margin: 2px 2px;\r\n    cursor: pointer;\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* Specific styles for different colored buttons *\/\r\n.button-green {\r\n    background-color: #4caf50;\r\n}\r\n.button-blue {\r\n    width: 70px;\r\n    height: 70px;\r\n    background-color: #4c8eff;\r\n}\r\n.button-yellow {\r\n    font-size: 35px;\r\n    background-color: #ffeb3b;\r\n    color: black; \/* Adjust text color for readability *\/\r\n}\r\n\r\n\/* Hover colours *\/\r\n.button-green:hover {\r\n   background-color: #4caf50;\r\n}\r\n.button-blue:hover {\r\n  background-color: #4c8eff;\r\n}\r\n.button-yellow:hover {\r\n  background-color: #ffeb3b;\r\n  color: black;\r\n}\r\n\r\n\r\n\/* Playing state - override with a highlight *\/\r\n.button-playing {\r\n    background-color: #f4b084 !important; \/* orange highlight *\/\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.pronunciation-recorder .button-group {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 10px;\r\n\r\n  \/* Pin to bottom of viewport *\/\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n\r\n  \/* Styling for visibility *\/\r\n  background: #f9f9f9;   \/* optional: give it a background *\/\r\n  padding: 10px;         \/* space around buttons *\/\r\n  border-top: 1px solid #ccc; \/* subtle divider *\/\r\n  z-index: 1000;         \/* keep it above other elements *\/\r\n}\r\n.pronunciation-recorder button {\r\n  font-size: 16px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #ccc;\r\n  border-radius: 6px;\r\n  background-color: #f0f0f0;\r\n  color: #333;\r\n  cursor: pointer;\r\n  transition: background-color 0.3s ease;\r\n}\r\n\r\n.pronunciation-recorder button:hover {\r\n  background-color: #e0e0e0;\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n<script>\r\nfunction playAudioSegment(button) {\r\n    const clipId = button.getAttribute('data-clip');\r\n    const basePath = \"https:\/\/www.readingca.org.uk\/sounds\/phonemes\/\";\r\n    const filename = `${basePath}ph-${clipId}.mp3`;\r\n\r\n    const audio = new Audio(filename);\r\n\r\n    \/\/ Add playing class to override hover\r\n    button.classList.add('button-playing');\r\n\r\n    audio.play();\r\n\r\n    audio.addEventListener('ended', () => {\r\n        \/\/ Remove playing class to restore hover behaviour\r\n        button.classList.remove('button-playing');\r\n    });\r\n\r\n    audio.addEventListener('error', () => {\r\n        button.classList.remove('button-playing');\r\n    });\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9944118 e-flex e-con-boxed e-con e-parent\" data-id=\"9944118\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c88cfb7 elementor-widget elementor-widget-text-editor\" data-id=\"c88cfb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"wp-block-heading\"><strong>\u55ae\u5143\u97f3<\/strong><\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\",\"fontSize\":\"medium\"} --><\/p>\n<p class=\"has-black-color has-text-color has-link-color has-medium-font-size\"><strong>\u767c\u97f3\u6642\u53e3\u5f62\u56fa\u5b9a<\/strong><\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph {\"align\":\"left\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"spacing\":{\"padding\":{\"top\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\"}}},\"textColor\":\"black\",\"fontSize\":\"medium\"} --><\/p>\n<p class=\"has-text-align-left has-black-color has-text-color has-link-color has-medium-font-size\" style=\"padding: 0;\"><strong>\u4e0b\u9762\u6309\u9215\u7db2\u683c\u6839\u64da\u53e3\u5f62\u6392\u5217\uff1a<\/strong><\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"spacing\":{\"padding\":{\"top\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\"}}},\"backgroundColor\":\"white\",\"textColor\":\"black\",\"fontSize\":\"medium\"} --><\/p>\n<p class=\"has-black-color has-white-background-color has-text-color has-background has-link-color has-medium-font-size\" style=\"padding: 0;\"><strong>\u5de6 &gt; \u53f3 : \u5634\u5507\u5c55\u958b &gt; \u5634\u5507\u5713\u5f62<\/strong><\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}},\"spacing\":{\"padding\":{\"top\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\"}}},\"backgroundColor\":\"white\",\"textColor\":\"black\",\"fontSize\":\"medium\"} --><\/p>\n<p class=\"has-black-color has-white-background-color has-text-color has-background has-link-color has-medium-font-size\" style=\"padding: 0;\"><strong>\u4e0a &gt; \u4e0b : \u4e0b\u984e\u9589\u5408 &gt; \u4e0b\u984e\u6253\u958b<\/strong><\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\",\"fontSize\":\"medium\"} --><\/p>\n<p class=\"has-black-color has-text-color has-link-color has-medium-font-size\"><strong>\u7b26\u865f\u6709 \u2018\uff1a\u2019\u662f\u9577\u97f3\uff0c\u5176\u4ed6\u5168\u662f\u77ed\u97f3<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3991b3 e-flex e-con-boxed e-con e-parent\" data-id=\"f3991b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01dbabf elementor-widget elementor-widget-image\" data-id=\"01dbabf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1008\" height=\"630\" src=\"https:\/\/www.readingca.org.uk\/wordpress\/wp-content\/uploads\/2025\/11\/ipa-mouth-shapes.jpg\" class=\"attachment-large size-large wp-image-4034\" alt=\"\" srcset=\"https:\/\/www.readingca.org.uk\/wordpress\/wp-content\/uploads\/2025\/11\/ipa-mouth-shapes.jpg 1008w, https:\/\/www.readingca.org.uk\/wordpress\/wp-content\/uploads\/2025\/11\/ipa-mouth-shapes-300x188.jpg 300w, https:\/\/www.readingca.org.uk\/wordpress\/wp-content\/uploads\/2025\/11\/ipa-mouth-shapes-150x94.jpg 150w, https:\/\/www.readingca.org.uk\/wordpress\/wp-content\/uploads\/2025\/11\/ipa-mouth-shapes-768x480.jpg 768w\" sizes=\"(max-width: 1008px) 100vw, 1008px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba357e2 e-flex e-con-boxed e-con e-parent\" data-id=\"ba357e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3f5b90 elementor-widget elementor-widget-html\" data-id=\"e3f5b90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- wp:html -->\r\n<p>\r\n<button class=\"button button-green\" data-clip=\"01\" onclick=\"playAudioSegment(this)\">i\u02d0<\/button>\r\n<button class=\"button button-green\" data-clip=\"02\" onclick=\"playAudioSegment(this)\">\u026a<\/button>\r\n<button class=\"button button-green\" data-clip=\"03\" onclick=\"playAudioSegment(this)\">\u028a<\/button>\r\n<button class=\"button button-green\" data-clip=\"04\" onclick=\"playAudioSegment(this)\">u\u02d0<\/button>\r\n<\/p>\r\n<p>\r\n<button class=\"button button-green\" data-clip=\"05\" onclick=\"playAudioSegment(this)\">e<\/button>\r\n<button class=\"button button-green\" data-clip=\"06\" onclick=\"playAudioSegment(this)\">\u0259<\/button>\r\n<button class=\"button button-green\" data-clip=\"07\" onclick=\"playAudioSegment(this)\">\u025c\u02d0<\/button>\r\n<button class=\"button button-green\" data-clip=\"08\" onclick=\"playAudioSegment(this)\">\u0254:<\/button>\r\n<\/p>\r\n<p>\r\n<button class=\"button button-green\" data-clip=\"09\" onclick=\"playAudioSegment(this)\">\u00e6<\/button>\r\n<button class=\"button button-green\" data-clip=\"10\" onclick=\"playAudioSegment(this)\">\u028c<\/button>\r\n<button class=\"button button-green\" data-clip=\"11\" onclick=\"playAudioSegment(this)\">\u0251:<\/button>\r\n<button class=\"button button-green\" data-clip=\"12\" onclick=\"playAudioSegment(this)\">\u0252<\/button>\r\n<\/p>\r\n<!-- \/wp:html -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31a457f e-flex e-con-boxed e-con e-parent\" data-id=\"31a457f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-880d9b1 elementor-widget elementor-widget-text-editor\" data-id=\"880d9b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"wp-block-heading\"><strong>\u96d9\u5143\u97f3<\/strong><\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\",\"fontSize\":\"medium\"} --><\/p>\n<p class=\"has-black-color has-text-color has-link-color has-medium-font-size\"><strong>\u767c\u97f3\u6642\u53e3\u5f62\u8b8a\u52d5<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9fcc2f4 e-flex e-con-boxed e-con e-parent\" data-id=\"9fcc2f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a3823a elementor-widget elementor-widget-html\" data-id=\"8a3823a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- wp:html -->\r\n<p>\r\n<button class=\"button button-blue\" data-clip=\"13\" onclick=\"playAudioSegment(this)\">\u026a\u0259<\/button>\r\n<button class=\"button button-blue\" data-clip=\"16\" onclick=\"playAudioSegment(this)\"> e\u026a<\/button>\r\n<\/p>\r\n<p>\r\n<button class=\"button button-blue\" data-clip=\"14\" onclick=\"playAudioSegment(this)\">\u028a\u0259<\/button>\r\n<button class=\"button button-blue\" data-clip=\"17\" onclick=\"playAudioSegment(this)\">\u0254\u026a<\/button>\r\n<button class=\"button button-blue\" data-clip=\"19\" onclick=\"playAudioSegment(this)\">\u0259\u028a<\/button>\r\n\r\n<\/p>\r\n<p>\r\n<button class=\"button button-blue\" data-clip=\"15\" onclick=\"playAudioSegment(this)\">e\u0259<\/button>\r\n<button class=\"button button-blue\" data-clip=\"18\" onclick=\"playAudioSegment(this)\">a\u026a<\/button>\r\n<button class=\"button button-blue\" data-clip=\"20\" onclick=\"playAudioSegment(this)\">a\u028a<\/button>\r\n<\/p>\r\n<!-- \/wp:html -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b50bcc2 e-flex e-con-boxed e-con e-parent\" data-id=\"b50bcc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7076abd elementor-widget elementor-widget-text-editor\" data-id=\"7076abd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"wp-block-heading\"><strong>\u8f14\u97f3<\/strong><\/h2>\n<p><!-- \/wp:heading --><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\",\"fontSize\":\"medium\"} --><\/p>\n<p class=\"has-black-color has-text-color has-link-color has-medium-font-size\"><strong>\u7c97\u9ad4\u7b26\u865f\u662f\u6709\u8072\u8f14\u97f3\uff0c\u767c\u97f3\u6642\u5589\u56a8\u8072\u5e36\u9707\u52d5<\/strong><\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\",\"fontSize\":\"medium\"} --><\/p>\n<p class=\"has-black-color has-text-color has-link-color has-medium-font-size\"><strong>\u975e\u7c97\u9ad4\u7b26\u865f\u662f\u7121\u8072\u8f14\u97f3\uff0c\u767c\u97f3\u6642\u8072\u5e36\u4e0d\u6703\u9707\u52d5<\/strong><\/p>\n<p><!-- \/wp:paragraph --><!-- wp:paragraph {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|black\"}}}},\"textColor\":\"black\",\"fontSize\":\"medium\"} --><\/p>\n<p class=\"has-black-color has-text-color has-link-color has-medium-font-size\"><strong>\u4e0b\u9762\u6309\u9215\u7b26\u865f\u7684\u767c\u97f3\u5e36\u6709\u5143\u97f3\u2018\u0259\u2019\uff0c\u4f8b\u5982 \\p\u0259\\\u3001\\f\u0259\\\u7b49<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f35b126 e-flex e-con-boxed e-con e-parent\" data-id=\"f35b126\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c415e86 elementor-widget elementor-widget-html\" data-id=\"c415e86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- wp:html -->\r\n<p>\r\n<button class=\"button button-yellow\" data-clip=\"21\" onclick=\"playAudioSegment(this)\">p<\/button>\r\n<button class=\"button button-yellow\" data-clip=\"23\" onclick=\"playAudioSegment(this)\">f<\/button>\r\n<button class=\"button button-yellow\" data-clip=\"25\" onclick=\"playAudioSegment(this)\">t<\/button>\r\n<button class=\"button button-yellow\" data-clip=\"27\" onclick=\"playAudioSegment(this)\">\u03b8<\/button>\r\n<\/p>\r\n<p>\r\n<button class=\"button button-yellow\" data-clip=\"22\" onclick=\"playAudioSegment(this)\"><b>b<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"24\" onclick=\"playAudioSegment(this)\"><b>v<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"26\" onclick=\"playAudioSegment(this)\"><b>d<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"28\" onclick=\"playAudioSegment(this)\"><b>\u00f0<\/b><\/button>\r\n<\/p>\r\n<p>\r\n<button class=\"button button-yellow\" data-clip=\"29\" onclick=\"playAudioSegment(this)\">t\u0283<\/button>\r\n<button class=\"button button-yellow\" data-clip=\"31\" onclick=\"playAudioSegment(this)\">s<\/button>\r\n<button class=\"button button-yellow\" data-clip=\"33\" onclick=\"playAudioSegment(this)\">\u0283<\/button>\r\n<button class=\"button button-yellow\" data-clip=\"35\" onclick=\"playAudioSegment(this)\">k<\/button>\r\n<\/p>\r\n<p>\r\n<button class=\"button button-yellow\" data-clip=\"30\" onclick=\"playAudioSegment(this)\"><b>d\u0292<\/b?<\/button>\r\n<button class=\"button button-yellow\" data-clip=\"32\" onclick=\"playAudioSegment(this)\"><b>z<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"34\" onclick=\"playAudioSegment(this)\"><b>\u0292<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"36\" onclick=\"playAudioSegment(this)\"><b>g<\/b><\/button>\r\n<\/p>\r\n<p>\r\n<button class=\"button button-yellow\" data-clip=\"40\" onclick=\"playAudioSegment(this)\">h<\/button>\r\n<button class=\"button button-yellow\" data-clip=\"37\" onclick=\"playAudioSegment(this)\"><b>m<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"38\" onclick=\"playAudioSegment(this)\"><b>n<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"39\" onclick=\"playAudioSegment(this)\"><b>\u014b<\/b><\/button>\r\n<\/p>\r\n<p>\r\n<button class=\"button button-yellow\" data-clip=\"41\" onclick=\"playAudioSegment(this)\"><b>r<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"42\" onclick=\"playAudioSegment(this)\"><b>l<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"43\" onclick=\"playAudioSegment(this)\"><b>w<\/b><\/button>\r\n<button class=\"button button-yellow\" data-clip=\"44\" onclick=\"playAudioSegment(this)\"><b>j<\/b><\/button>\r\n<\/p>\r\n<!-- \/wp:html -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd5b021 e-flex e-con-boxed e-con e-parent\" data-id=\"cd5b021\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-097b941 elementor-widget elementor-widget-shortcode\" data-id=\"097b941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"pronunciation-recorder\">\n        <div class=\"button-group\">\n            <button id=\"recorder_6a5fd07347b96_recordBtn\">\ud83c\udf99\ufe0f \u9304\u97f3<\/button>\n            <button id=\"recorder_6a5fd07347b96_playBtn\" disabled>\u25b6\ufe0f \u64ad\u653e<\/button>\n        <\/div>\n        <audio id=\"recorder_6a5fd07347b96_userAudio\"><\/audio>\n    <\/div>\n\n    <script>\n    (function(uid){\n        let mediaRecorder;\n        let recordedChunks = [];\n\n        const recordBtn = document.getElementById(uid + '_recordBtn');\n        const playBtn   = document.getElementById(uid + '_playBtn');\n        const userAudio = document.getElementById(uid + '_userAudio');\n\n        recordBtn.onclick = async () => {\n            \/\/ Stop recording if already active\n            if (mediaRecorder && mediaRecorder.state === 'recording') {\n                mediaRecorder.stop();\n                recordBtn.textContent = '\ud83c\udf99\ufe0f \u9304\u97f3';\n                return;\n            }\n\n            try {\n                \/\/ Request microphone access\n                const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n\n                \/\/ Choose a supported format\n                let options = {};\n                if (MediaRecorder.isTypeSupported('audio\/webm')) {\n                    options.mimeType = 'audio\/webm';\n                } else if (MediaRecorder.isTypeSupported('audio\/mp4')) {\n                    options.mimeType = 'audio\/mp4';\n                } else if (MediaRecorder.isTypeSupported('audio\/wav')) {\n                    options.mimeType = 'audio\/wav';\n                }\n\n                mediaRecorder = new MediaRecorder(stream, options);\n                recordedChunks = [];\n\n                mediaRecorder.ondataavailable = e => {\n                    if (e.data.size > 0) recordedChunks.push(e.data);\n                };\n\n                mediaRecorder.onstop = () => {\n                    const blob = new Blob(recordedChunks, { type: options.mimeType });\n                    userAudio.src = URL.createObjectURL(blob);\n                    playBtn.disabled = false;\n                };\n\n                mediaRecorder.start();\n                recordBtn.textContent = '\u23f9\ufe0f \u505c\u6b62';\n\n            } catch (err) {\n                alert(\"Microphone access denied or unavailable: \" + err.message);\n            }\n        };\n\n        playBtn.onclick = () => {\n            userAudio.play().catch(err => {\n                alert(\"Playback failed: \" + err.message);\n            });\n        };\n    })('recorder_6a5fd07347b96');\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u570b\u969b\u97f3\u6a19 (International Phonetic Alphabet) \u662f\u7528\u65bc\u986f\u793a\u4efb\u4f55\u8a9e\u8a00\u4e2d\u8a5e\u8a9e\u767c\u97f3\u7684\u5b57\u6bcd\u8868\u3002\u570b\u969b\u97f3\u6a19\uff08IPA\uff09\u7531107\u500b\u5b57\u6bcd\u7d44\u6210\uff0c\u9019\u4e9b\u5b57\u6bcd\u4ee3\u8868\u8f14\u97f3\u548c\u5143\u97f3\u3002\u6b64\u5916\uff0c\u9084\u670931\u500b\u8b8a\u97f3\u7b26\u865f\u4f86\u4fee\u6539\u9019\u4e9b\u5b57\u6bcd\uff0c\u4e26\u670917\u500b\u7b26\u865f\u4f86\u8868\u793a\u5982\u9577\u5ea6\u3001\u97f3\u8abf\u3001\u91cd\u97f3\u548c\u8a9e\u8abf\u7b49\u8d85\u97f3\u6bb5\u7279\u5fb5\u3002\u5b78\u82f1\u8a9e\u9700\u8981\u638c\u63e1\u7684\u53ea\u662f\u570b\u969b\u97f3\u6a19\u4e2d\u768444\u500b\u6a19\u97f3\u5b57\u6bcd\u3002 \u55ae\u5143\u97f3 \u767c\u97f3\u6642\u53e3\u5f62\u56fa\u5b9a \u4e0b\u9762\u6309\u9215\u7db2\u683c\u6839\u64da\u53e3\u5f62\u6392\u5217\uff1a \u5de6 &gt; \u53f3 : \u5634\u5507\u5c55\u958b &gt; \u5634\u5507\u5713\u5f62 \u4e0a &gt; \u4e0b : \u4e0b\u984e\u9589\u5408 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[5],"tags":[21],"class_list":["post-2388","post","type-post","status-publish","format-standard","hentry","category-learning-english","tag-ipa"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Joe Au","author_link":"https:\/\/www.readingca.org.uk\/wordpress\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"\u570b\u969b\u97f3\u6a19 (International Phonetic Alphabet) \u662f\u7528\u65bc\u986f\u793a\u4efb\u4f55\u8a9e\u8a00\u4e2d\u8a5e\u8a9e\u767c\u97f3\u7684\u5b57\u6bcd\u8868\u3002\u570b\u969b\u97f3\u6a19\uff08IPA\uff09\u7531107\u500b\u5b57\u6bcd\u7d44\u6210\uff0c\u9019\u4e9b\u5b57\u6bcd\u4ee3\u8868\u8f14\u97f3\u548c\u5143\u97f3\u3002\u6b64\u5916\uff0c\u9084\u670931\u500b\u8b8a\u97f3\u7b26\u865f\u4f86\u4fee\u6539\u9019\u4e9b\u5b57\u6bcd\uff0c\u4e26\u670917\u500b\u7b26\u865f\u4f86\u8868\u793a\u5982\u9577\u5ea6\u3001\u97f3\u8abf\u3001\u91cd\u97f3\u548c\u8a9e\u8abf\u7b49\u8d85\u97f3\u6bb5\u7279\u5fb5\u3002\u5b78\u82f1\u8a9e\u9700\u8981\u638c\u63e1\u7684\u53ea\u662f\u570b\u969b\u97f3\u6a19\u4e2d\u768444\u500b\u6a19\u97f3\u5b57\u6bcd\u3002 \u55ae\u5143\u97f3 \u767c\u97f3\u6642\u53e3\u5f62\u56fa\u5b9a \u4e0b\u9762\u6309\u9215\u7db2\u683c\u6839\u64da\u53e3\u5f62\u6392\u5217\uff1a \u5de6 &gt; \u53f3 : \u5634\u5507\u5c55\u958b &gt; \u5634\u5507\u5713\u5f62 \u4e0a &gt; \u4e0b : \u4e0b\u984e\u9589\u5408 [&hellip;]","rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Joe Au","author_link":"https:\/\/www.readingca.org.uk\/wordpress\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.readingca.org.uk\/wordpress\/category\/learning-english\/\" rel=\"category tag\">Learning English<\/a>","rttpg_excerpt":"\u570b\u969b\u97f3\u6a19 (International Phonetic Alphabet) \u662f\u7528\u65bc\u986f\u793a\u4efb\u4f55\u8a9e\u8a00\u4e2d\u8a5e\u8a9e\u767c\u97f3\u7684\u5b57\u6bcd\u8868\u3002\u570b\u969b\u97f3\u6a19\uff08IPA\uff09\u7531107\u500b\u5b57\u6bcd\u7d44\u6210\uff0c\u9019\u4e9b\u5b57\u6bcd\u4ee3\u8868\u8f14\u97f3\u548c\u5143\u97f3\u3002\u6b64\u5916\uff0c\u9084\u670931\u500b\u8b8a\u97f3\u7b26\u865f\u4f86\u4fee\u6539\u9019\u4e9b\u5b57\u6bcd\uff0c\u4e26\u670917\u500b\u7b26\u865f\u4f86\u8868\u793a\u5982\u9577\u5ea6\u3001\u97f3\u8abf\u3001\u91cd\u97f3\u548c\u8a9e\u8abf\u7b49\u8d85\u97f3\u6bb5\u7279\u5fb5\u3002\u5b78\u82f1\u8a9e\u9700\u8981\u638c\u63e1\u7684\u53ea\u662f\u570b\u969b\u97f3\u6a19\u4e2d\u768444\u500b\u6a19\u97f3\u5b57\u6bcd\u3002 \u55ae\u5143\u97f3 \u767c\u97f3\u6642\u53e3\u5f62\u56fa\u5b9a \u4e0b\u9762\u6309\u9215\u7db2\u683c\u6839\u64da\u53e3\u5f62\u6392\u5217\uff1a \u5de6 &gt; \u53f3 : \u5634\u5507\u5c55\u958b &gt; \u5634\u5507\u5713\u5f62 \u4e0a &gt; \u4e0b : \u4e0b\u984e\u9589\u5408 [&hellip;]","_links":{"self":[{"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/posts\/2388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/comments?post=2388"}],"version-history":[{"count":141,"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/posts\/2388\/revisions"}],"predecessor-version":[{"id":4042,"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/posts\/2388\/revisions\/4042"}],"wp:attachment":[{"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/media?parent=2388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/categories?post=2388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.readingca.org.uk\/wordpress\/wp-json\/wp\/v2\/tags?post=2388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}