{"id":177,"date":"2024-05-12T13:43:28","date_gmt":"2024-05-12T13:43:28","guid":{"rendered":"https:\/\/true-natures.com\/?page_id=177"},"modified":"2024-05-15T09:33:18","modified_gmt":"2024-05-15T09:33:18","slug":"heart_of_shurangama_mantra","status":"publish","type":"page","link":"https:\/\/true-natures.com\/index.php\/heart_of_shurangama_mantra\/","title":{"rendered":"\u695e\u56b4\u5fc3\u5492\uff08\u695e\u56b4\u5492\u5492\u5fc3\uff09\u68b5\u97f3\u7248"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Heart of Shurangama Mantra<\/h1>\n\n\n\n<style>\n.container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n\n.row {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.button, .controlButton, #playTimes {\n  background-color: #daa520; \/* Dark golden color *\/\n  border: 1px solid white; \/* Slight border *\/\n  color: white;\n  text-align: center;\n  display: inline-block;\n  font-size: 25px;\n  transition-duration: 0.4s;\n  cursor: pointer;\n  padding: 10px 20px;\n  margin: 0px; \/* No margin to connect buttons *\/\n}\n\n.playButton, .pauseButton {\n  background-color: #daa520; \/* Dark golden color *\/\n  border: 1px solid white; \/* Slight border *\/\n  color: white;\n  text-align: center;\n  display: inline-block;\n  font-size: 32px;\n  transition-duration: 0.4s;\n  cursor: pointer;\n  padding: 3px 3px;\n  margin: 0px; \/* No margin to connect buttons *\/\n}\n\n.button:first-child {\n  border-top-left-radius: 10px; \/* Rounded top-left corner *\/\n  border-bottom-left-radius: 10px; \/* Rounded bottom-left corner *\/\n}\n\n.button:last-child {\n  border-top-right-radius: 10px; \/* Rounded top-right corner *\/\n  border-bottom-right-radius: 10px; \/* Rounded bottom-right corner *\/\n}\n\n.button:active, .playButton:active, .pauseButton:active, .controlButton:active {\n  background-color: #ffd700; \/* Bright golden color when pressed *\/\n  box-shadow: 0 5px #666;\n  transform: translateY(4px);\n}\n\n.button.active {\n  background-color: #ffd700; \/* Bright golden color when active *\/\n}\n\n#playTimes {\n  width: 70px; \n}\n\n<\/style>\n<script>\nvar slow_file = 'https:\/\/true-natures.com\/wp-content\/uploads\/2024\/05\/Heart_of_Shurangama_Mantra_slow.mp3';\nvar normal_file = 'https:\/\/true-natures.com\/wp-content\/uploads\/2024\/05\/Heart_of_Shurangama_Mantra_normal.mp3';\nvar fast_file = 'https:\/\/true-natures.com\/wp-content\/uploads\/2024\/05\/Heart_of_Shurangama_Mantra_fast.mp3';\nvar audioElement = new Audio(normal_file);\nvar playTimes = 108;\nvar looping = function(){\n    if(playTimes > 0) {\n      playTimes--;\n      document.getElementById('playTimes').value = playTimes;      \n    }\n\n    if (playTimes > 0) {\n      audioElement.play();\n    }   \n}\naudioElement.onended = looping;\n\nfunction setActiveButton(button, audioFile) {\n  var buttons = document.getElementsByClassName(\"button\");\n  for (var i = 0; i < buttons.length; i++) {\n    buttons[i].classList.remove(\"active\");\n  }\n  button.classList.add(\"active\");\n  audioElement = new Audio(audioFile);\n  audioElement.onended = looping;\n}\n\nfunction playAudio() {\n  audioElement.play();\n}\n\nfunction pauseAudio() {\n  audioElement.pause();\n}\n\nfunction increasePlayTimes() {\n  playTimes++;\n  document.getElementById('playTimes').value = playTimes;\n}\n\nfunction decreasePlayTimes() {\n  if (playTimes > 0) {\n    playTimes--;\n    document.getElementById('playTimes').value = playTimes;\n  }\n}\n\nfunction updatePlayTimes() {\n  playTimes = parseInt(document.getElementById('playTimes').value);\n}\n<\/script>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <button class=\"button\" onclick=\"setActiveButton(this, slow_file)\">0.5x<\/button><button class=\"button active\" onclick=\"setActiveButton(this, normal_file)\">1.0x<\/button><button class=\"button\" onclick=\"setActiveButton(this, fast_file)\">1.5x<\/button>\n  <\/div>\n  <br>\n  <div class=\"row\">\n    <button class=\"playButton\" onclick=\"playAudio()\">\u25b6\ufe0f<\/button><button class=\"pauseButton\" onclick=\"pauseAudio()\">\u23f8\ufe0f<\/button>\n    <div style=\"width: 20px;\"><\/div> <!-- Gap between pause button and minus button -->\n    <button class=\"controlButton\" onclick=\"decreasePlayTimes()\">&#8211;<\/button>\n    <input type=\"number\" id=\"playTimes\" value=\"108\" onchange=\"updatePlayTimes()\">\n    <button class=\"controlButton\" onclick=\"increasePlayTimes()\">+<\/button>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-fa38c63a wp-block-group-is-layout-flex\" style=\"background-color:#ffffff\">\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"56\" height=\"80\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-01-om-1.png?resize=56%2C80&#038;ssl=1\" alt=\"\" class=\"wp-image-195\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">om<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background is-style-default\" style=\"margin-top:0;margin-bottom:0\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"134\" height=\"80\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-02-a_na_le.png?resize=134%2C80&#038;ssl=1\" alt=\"\" class=\"wp-image-182\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">a na le<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"134\" height=\"80\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-03-a_na_le.png?resize=134%2C80&#038;ssl=1\" alt=\"\" class=\"wp-image-183\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">a na le<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"129\" height=\"80\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-04-vi_sha_de.png?resize=129%2C80&#038;ssl=1\" alt=\"\" class=\"wp-image-184\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">vi sa de<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"129\" height=\"80\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-05-vi_sha_de.png?resize=129%2C80&#038;ssl=1\" alt=\"\" class=\"wp-image-185\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">vi sa de<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"87\" height=\"77\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-06-vi_ra.png?resize=87%2C77&#038;ssl=1\" alt=\"\" class=\"wp-image-186\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">vi ra<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"177\" height=\"77\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-07-vajra_dhare.png?resize=177%2C77&#038;ssl=1\" alt=\"\" class=\"wp-image-187\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">va jra dha re<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"92\" height=\"77\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-08-ba_ndha.png?resize=92%2C77&#038;ssl=1\" alt=\"\" class=\"wp-image-188\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">ba ndha<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"123\" height=\"74\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-09-ba_ndha_ni.png?resize=123%2C74&#038;ssl=1\" alt=\"\" class=\"wp-image-189\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">ba ndha ni<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"192\" height=\"84\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-10-vajra_pani.png?resize=192%2C84&#038;ssl=1\" alt=\"\" class=\"wp-image-190\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">va jra pa ni<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"89\" height=\"79\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-11-phat.png?resize=89%2C79&#038;ssl=1\" alt=\"\" class=\"wp-image-191\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">pha t<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"102\" height=\"85\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-12-hum_trum.png?resize=102%2C85&#038;ssl=1\" alt=\"\" class=\"wp-image-192\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">hum trum<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"89\" height=\"79\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-13-phat.png?resize=89%2C79&#038;ssl=1\" alt=\"\" class=\"wp-image-193\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">pha t<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-base-2-color has-alpha-channel-opacity has-base-2-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"89\" height=\"76\" src=\"https:\/\/i0.wp.com\/true-natures.com\/wp-content\/uploads\/2024\/05\/heart_of_shurangama_mantra-14-sva_ha.png?resize=89%2C76&#038;ssl=1\" alt=\"\" class=\"wp-image-194\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">sva ha<\/h2>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Heart of Shurangama Mantra 0.5&#215;1.0x1.5x \u25b6\ufe0f\u23f8\ufe0f &#8211; + om a na le a na le vi sa de vi sa de vi ra va jra dha re ba ndha ba ndha ni va jra pa ni pha t hum trum pha t sva ha<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-177","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/true-natures.com\/index.php\/wp-json\/wp\/v2\/pages\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/true-natures.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/true-natures.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/true-natures.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/true-natures.com\/index.php\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":4,"href":"https:\/\/true-natures.com\/index.php\/wp-json\/wp\/v2\/pages\/177\/revisions"}],"predecessor-version":[{"id":234,"href":"https:\/\/true-natures.com\/index.php\/wp-json\/wp\/v2\/pages\/177\/revisions\/234"}],"wp:attachment":[{"href":"https:\/\/true-natures.com\/index.php\/wp-json\/wp\/v2\/media?parent=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}