{"id":3014,"date":"2024-06-17T10:27:47","date_gmt":"2024-06-17T08:27:47","guid":{"rendered":"https:\/\/cr.wpwebmaster.be\/%d9%81%d8%aa%d9%8a%d8%ad%d8%a9\/chat-04\/"},"modified":"2024-11-28T15:49:50","modified_gmt":"2024-11-28T14:49:50","slug":"chat-04","status":"publish","type":"nadia","link":"https:\/\/cr.wpwebmaster.be\/ar\/nadia\/chat-04\/","title":{"rendered":"AR &#8211; Chat 04"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3014\" class=\"elementor elementor-3014\" data-elementor-post-type=\"nadia\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7298a40 e-con-full e-flex e-con e-parent\" data-id=\"7298a40\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-413869a elementor-arrows-position-inside elementor-widget elementor-widget-n-carousel\" data-id=\"413869a\" data-element_type=\"widget\" data-settings=\"{&quot;carousel_items&quot;:[{&quot;slide_title&quot;:&quot;R\\u00e9ponse Amina&quot;,&quot;_id&quot;:&quot;313e7a9&quot;}],&quot;slides_to_show&quot;:&quot;1&quot;,&quot;slides_to_show_tablet&quot;:&quot;1&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;speed&quot;:500,&quot;arrows&quot;:&quot;yes&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"rtl\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 1\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59bb75a e-flex e-con-boxed e-con e-child\" data-id=\"59bb75a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ab1a038 e-con-full e-flex e-con e-child\" data-id=\"ab1a038\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6b49257 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"6b49257\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-077d860 e-transform elementor-widget elementor-widget-image\" data-id=\"077d860\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:90,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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 decoding=\"async\" width=\"15\" height=\"16\" src=\"https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/06\/becg.svg\" class=\"attachment-large size-large wp-image-2520\" 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<div class=\"elementor-element elementor-element-398ed0a elementor-widget elementor-widget-text-editor\" data-id=\"398ed0a\" data-element_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<h4>\u0646\u0627\u062f\u064a\u0629<\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21af8a2 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"21af8a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"whatsapp-audio-message\">\n    <div class=\"audio-controls\">\n        <div class=\"play-button\" onclick=\"togglePlay(this)\">\n           <i class=\"fas fa-play\"><\/i> <!-- Ensure you use 'fas' for Font Awesome 5\/6 -->\n        <\/div>\n    <\/div>\n    <div class=\"audio-wave-container\">\n        <div class=\"audio-wave\">\n            <!-- Add more divs for more vertical bars in the waveform -->\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n                   <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n                   <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n                   <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n                   <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"timer\">0:00<\/div>\n    <audio src=\"https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/10\/AR_Audio1.mp3\"><\/audio>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81d2231 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"81d2231\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"whatsapp-audio-message\">\n    <div class=\"audio-controls\">\n        <div class=\"play-button\" onclick=\"togglePlay(this)\">\n           <i class=\"fas fa-play\"><\/i> <!-- Ensure you use 'fas' for Font Awesome 5\/6 -->\n        <\/div>\n    <\/div>\n    <div class=\"audio-wave-container\">\n        <div class=\"audio-wave\">\n            <!-- Add more divs for more vertical bars in the waveform -->\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n                   <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n            <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n                   <div><\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"timer\">0:00<\/div>\n    <audio src=\"https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/10\/AR_Audio1.mp3\"><\/audio>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d5c6c9 elementor-widget elementor-widget-html\" data-id=\"9d5c6c9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>function togglePlay(button) {\n    const audio = button.parentElement.parentElement.querySelector(\"audio\");\n    const icon = button.querySelector(\"i\");\n    const waveBars = button.parentElement.parentElement.querySelectorAll(\".audio-wave div\");\n    \n    if (audio.paused) {\n        audio.play();\n        icon.classList.remove(\"fa-play\");\n        icon.classList.add(\"fa-pause\");\n    } else {\n        audio.pause();\n        icon.classList.remove(\"fa-pause\");\n        icon.classList.add(\"fa-play\");\n    }\n\n    audio.addEventListener(\"timeupdate\", function() {\n        const progress = (audio.currentTime \/ audio.duration) * waveBars.length;\n\n        \/\/ Update waveform bar colors based on audio progress\n        waveBars.forEach((bar, index) => {\n            if (index < progress) {\n                bar.style.backgroundColor = \"#4a4a4a\";  \/\/ Progress color (darker grey)\n            } else {\n                bar.style.backgroundColor = \"#d3d3d3\";  \/\/ Default color (light grey)\n            }\n        });\n\n        const timer = button.parentElement.parentElement.querySelector(\".timer\");\n        const minutes = Math.floor(audio.currentTime \/ 60);\n        const seconds = Math.floor(audio.currentTime % 60);\n        timer.textContent = minutes + \":\" + (seconds < 10 ? \"0\" : \"\") + seconds;\n    });\n\n    audio.addEventListener(\"ended\", function() {\n        icon.classList.remove(\"fa-pause\");\n        icon.classList.add(\"fa-play\");\n\n        \/\/ Reset waveform color when audio ends\n        waveBars.forEach(bar => {\n            bar.style.backgroundColor = \"#d3d3d3\";\n        });\n    });\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9280448 elementor-align-right e-transform elementor-invisible elementor-widget elementor-widget-button\" data-id=\"9280448\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.04,&quot;sizes&quot;:[]},&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cr.wpwebmaster.be\/nadia\/choix-02-2\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0645\u0627\u0630\u0627 \u0623\u0641\u0639\u0644\u061f<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d02767 elementor-widget elementor-widget-image\" data-id=\"1d02767\" data-element_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=\"800\" height=\"800\" src=\"https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/09\/Syrie_F.webp\" class=\"attachment-large size-large wp-image-3250\" alt=\"\" srcset=\"https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/09\/Syrie_F.webp 800w, https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/09\/Syrie_F-300x300.webp 300w, https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/09\/Syrie_F-150x150.webp 150w, https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/09\/Syrie_F-768x768.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\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\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"class_list":["post-3014","nadia","type-nadia","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cr.wpwebmaster.be\/ar\/wp-json\/wp\/v2\/nadia\/3014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cr.wpwebmaster.be\/ar\/wp-json\/wp\/v2\/nadia"}],"about":[{"href":"https:\/\/cr.wpwebmaster.be\/ar\/wp-json\/wp\/v2\/types\/nadia"}],"version-history":[{"count":0,"href":"https:\/\/cr.wpwebmaster.be\/ar\/wp-json\/wp\/v2\/nadia\/3014\/revisions"}],"wp:attachment":[{"href":"https:\/\/cr.wpwebmaster.be\/ar\/wp-json\/wp\/v2\/media?parent=3014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}