{"id":88,"date":"2022-12-29T10:11:24","date_gmt":"2022-12-29T10:11:24","guid":{"rendered":"https:\/\/themepanthers.com\/wp\/vankine\/v1\/?p=88"},"modified":"2023-03-07T13:35:22","modified_gmt":"2023-03-07T14:35:22","slug":"guide-to-audio-visualization-with-javascript-and-gsa","status":"publish","type":"post","link":"https:\/\/naserplastic.com\/en\/2022\/12\/29\/guide-to-audio-visualization-with-javascript-and-gsa\/","title":{"rendered":"\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0635\u0648\u062a\u06cc \u062a\u0635\u0648\u06cc\u0631\u06cc \u0628\u0627 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"88\" class=\"elementor elementor-88\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bec9ff5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bec9ff5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a24944\" data-id=\"0a24944\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5f57ebd elementor-widget elementor-widget-vankine-title-v1\" data-id=\"5f57ebd\" data-element_type=\"widget\" data-widget_type=\"vankine-title-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t                    <div class=\"section_title type_one\">\r\n                                        <div class=\"title_whole\">\r\n                                            <h3 class=\"title\"> \u062f\u0631 \u0633\u0627\u0639\u062a\u06cc \u0622\u0632\u0627\u062f\u060c \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u0642\u062f\u0631\u062a \u0645\u0627 \u0645\u062d\u062f\u0648\u062f \u0646\u06cc\u0633\u062a \u0648 \u0647\u06cc\u0686 \u0686\u06cc\u0632 \u0645\u0627\u0646\u0639 \u0627\u0632 \u062a\u0648\u0627\u0646\u0627\u06cc\u06cc \u0645\u0627 \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u06a9\u0627\u0631\u06cc \u06a9\u0647 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u06cc\u0645 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f.  <\/h3>\r\n                                    <\/div>\r\n                                <\/div>\r\n            \r\n\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91f45f8 elementor-widget elementor-widget-vankine-text-editor-v1\" data-id=\"91f45f8\" data-element_type=\"widget\" data-widget_type=\"vankine-text-editor-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t   <div class=\"position-relative position_p_relative\">\r\n        <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a. \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a \u0648 \u0628\u0631\u0627\u06cc \u0634\u0631\u0627\u06cc\u0637 \u0641\u0639\u0644\u06cc \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0645\u062a\u0646\u0648\u0639 \u0628\u0627 \u0647\u062f\u0641 \u0628\u0647\u0628\u0648\u062f \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0645\u06cc \u0628\u0627\u0634\u062f. \u06a9\u062a\u0627\u0628\u0647\u0627\u06cc \u0632\u06cc\u0627\u062f\u06cc \u062f\u0631 \u0634\u0635\u062a \u0648 \u0633\u0647 \u062f\u0631\u0635\u062f \u06af\u0630\u0634\u062a\u0647\u060c \u062d\u0627\u0644 \u0648 \u0622\u06cc\u0646\u062f\u0647 \u0634\u0646\u0627\u062e\u062a \u0641\u0631\u0627\u0648\u0627\u0646 \u062c\u0627\u0645\u0639\u0647 \u0648 \u0645\u062a\u062e\u0635\u0635\u0627\u0646 \u0631\u0627 \u0645\u06cc \u0637\u0644\u0628\u062f \u062a\u0627 \u0628\u0627 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631\u0647\u0627 \u0634\u0646\u0627\u062e\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u0627\u0646 \u0631\u0627\u06cc\u0627\u0646\u0647 \u0627\u06cc \u0639\u0644\u06cc \u0627\u0644\u062e\u0635\u0648\u0635 \u0637\u0631\u0627\u062d\u0627\u0646 \u062e\u0644\u0627\u0642\u06cc \u0648 \u0641\u0631\u0647\u0646\u06af \u067e\u06cc\u0634\u0631\u0648 \u062f\u0631 \u0632\u0628\u0627\u0646 \u0641\u0627\u0631\u0633\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0645\u06cc \u062a\u0648\u0627\u0646 \u0627\u0645\u06cc\u062f \u062f\u0627\u0634\u062a \u06a9\u0647 \u062a\u0645\u0627\u0645 \u0648 \u062f\u0634\u0648\u0627\u0631\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627 \u0648 \u0634\u0631\u0627\u06cc\u0637 \u0633\u062e\u062a \u062a\u0627\u06cc\u067e \u0628\u0647 \u067e\u0627\u06cc\u0627\u0646 \u0631\u0633\u062f \u0648\u0632\u0645\u0627\u0646 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0634\u0627\u0645\u0644 \u062d\u0631\u0648\u0641\u0686\u06cc\u0646\u06cc \u062f\u0633\u062a\u0627\u0648\u0631\u062f\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0648 \u062c\u0648\u0627\u0628\u06af\u0648\u06cc \u0633\u0648\u0627\u0644\u0627\u062a \u067e\u06cc\u0648\u0633\u062a\u0647 \u0627\u0647\u0644 \u062f\u0646\u06cc\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u0637\u0631\u0627\u062d\u06cc \u0627\u0633\u0627\u0633\u0627 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f.<\/p>    <\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddb7c22 elementor-widget elementor-widget-vankine-list-items-v1\" data-id=\"ddb7c22\" data-element_type=\"widget\" data-widget_type=\"vankine-list-items-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t \r\n    <div class=\"position-relative\">\r\n    <ul class=\"list_box list\">\r\n            <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                                            <div class=\"icon trans\">\r\n                                        <i aria-hidden=\"false\" class=\"fas fa-check-circle\"><\/i>                                    <\/div>\r\n                                \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                \u0628\u0647\u062a\u0631\u06cc\u0646 \u0622\u0698\u0627\u0646\u0633 \u0628\u06cc\u0645\u0647                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n                <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                                            <div class=\"icon trans\">\r\n                                        <i aria-hidden=\"false\" class=\"fas fa-check-circle\"><\/i>                                    <\/div>\r\n                                \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                \u0628\u06cc\u0645\u0647 \u0645\u0639\u062a\u0628\u0631 \u0648 \u0628\u0627 \u062a\u062c\u0631\u0628\u0647                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n                <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                                            <div class=\"icon trans\">\r\n                                        <i aria-hidden=\"false\" class=\"fas fa-check-circle\"><\/i>                                    <\/div>\r\n                                \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u0627\u0645\u0646\u06cc\u062a \u0627\u062e\u062a\u0635\u0627\u0635\u06cc                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n            <\/ul>\r\n    <\/div>\r\n \r\n         \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5b21b62 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5b21b62\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a450c84\" data-id=\"a450c84\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9e1214c elementor-widget elementor-widget-vankine-title-v1\" data-id=\"9e1214c\" data-element_type=\"widget\" data-widget_type=\"vankine-title-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t                    <div class=\"section_title type_one\">\r\n                                        <div class=\"title_whole\">\r\n                                            <h4 class=\"title\"> \u0627\u06cc\u062c\u0627\u062f \u0648\u0631\u0648\u062f\u06cc \u0645\u062d\u062f\u0648\u062f\u0647 \u0633\u0641\u0627\u0631\u0634\u06cc \u06af\u062a\u0633\u0628\u06cc \u06a9\u0647 \u062f\u0631 \u0647\u0645\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u06cc\u06a9\u0633\u0627\u0646 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u062f  <\/h4>\r\n                                    <\/div>\r\n                                <\/div>\r\n            \r\n\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-971fc95 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"971fc95\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-9a60332\" data-id=\"9a60332\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e2a610 elementor-widget elementor-widget-image\" data-id=\"8e2a610\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.16.0 - 20-09-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"70\" height=\"71\" src=\"https:\/\/naserplastic.com\/en\/wp-content\/uploads\/2022\/12\/test-1-min.png\" class=\"attachment-large size-large wp-image-701\" alt=\"\" \/>\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-32976a4\" data-id=\"32976a4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7348919 elementor-widget elementor-widget-vankine-title-v1\" data-id=\"7348919\" data-element_type=\"widget\" data-widget_type=\"vankine-title-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t                    <div class=\"section_title type_one\">\r\n                                        <div class=\"title_whole\">\r\n                                            <h5 class=\"title\"> \u0641\u0627\u0637\u0645\u0647 \u062d\u06cc\u062f\u0631\u06cc  <\/h5>\r\n                                    <\/div>\r\n                                <\/div>\r\n            \r\n\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-9391b7a\" data-id=\"9391b7a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c58f944 elementor-absolute elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"c58f944\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e7620f elementor-widget elementor-widget-vankine-text-editor-v1\" data-id=\"2e7620f\" data-element_type=\"widget\" data-widget_type=\"vankine-text-editor-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t   <div class=\"position-relative position_p_relative\">\r\n        <p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a. \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646 \u0628\u0644\u06a9\u0647 \u0631\u0648\u0632\u0646\u0627\u0645\u0647 \u0648 \u0645\u062c\u0644\u0647 \u062f\u0631 \u0633\u062a\u0648\u0646 \u0648 \u0633\u0637\u0631\u0622\u0646\u0686\u0646\u0627\u0646 \u06a9\u0647 \u0644\u0627\u0632\u0645 \u0627\u0633\u062a \u0648 \u0628\u0631\u0627\u06cc \u0634\u0631\u0627\u06cc\u0637 \u0641\u0639\u0644\u06cc \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0645\u062a\u0646\u0648\u0639 \u0628\u0627 \u0647\u062f\u0641 \u0628\u0647\u0628\u0648\u062f \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0645\u06cc \u0628\u0627\u0634\u062f. \u06a9\u062a\u0627\u0628\u0647\u0627\u06cc \u0632\u06cc\u0627\u062f\u06cc \u062f\u0631 \u0634\u0635\u062a \u0648 \u0633\u0647 \u062f\u0631\u0635\u062f \u06af\u0630\u0634\u062a\u0647\u060c \u062d\u0627\u0644 \u0648 \u0622\u06cc\u0646\u062f\u0647 \u0634\u0646\u0627\u062e\u062a \u0641\u0631\u0627\u0648\u0627\u0646 \u062c\u0627\u0645\u0639\u0647 \u0648 \u0645\u062a\u062e\u0635\u0635\u0627\u0646 \u0631\u0627 \u0645\u06cc \u0637\u0644\u0628\u062f.<\/p>    <\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0644\u0648\u0631\u0645 \u0627\u06cc\u067e\u0633\u0648\u0645 \u0645\u062a\u0646 \u0633\u0627\u062e\u062a\u06af\u06cc \u0628\u0627 \u062a\u0648\u0644\u06cc\u062f \u0633\u0627\u062f\u06af\u06cc \u0646\u0627\u0645\u0641\u0647\u0648\u0645 \u0627\u0632 \u0635\u0646\u0639\u062a \u0686\u0627\u067e \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0637\u0631\u0627\u062d\u0627\u0646 \u06af\u0631\u0627\u0641\u06cc\u06a9 \u0627\u0633\u062a. \u0686\u0627\u067e\u06af\u0631\u0647\u0627 \u0648 \u0645\u062a\u0648\u0646<\/p>\n","protected":false},"author":1,"featured_media":103,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,16,22],"tags":[29,25,30,27],"class_list":["post-88","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-car-insurance","category-business-insurance","category-payments","tag-medical","tag-car","tag-travel","tag-health"],"_links":{"self":[{"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/posts\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":0,"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/posts\/88\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/media\/103"}],"wp:attachment":[{"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/media?parent=88"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/categories?post=88"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naserplastic.com\/en\/wp-json\/wp\/v2\/tags?post=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}