{"id":3133,"date":"2024-06-17T10:27:47","date_gmt":"2024-06-17T08:27:47","guid":{"rendered":"https:\/\/cr.wpwebmaster.be\/zahra\/chat-04\/"},"modified":"2024-11-28T14:43:15","modified_gmt":"2024-11-28T13:43:15","slug":"chat-04","status":"publish","type":"zahra","link":"https:\/\/cr.wpwebmaster.be\/ti-er\/zahra\/chat-04\/","title":{"rendered":"TI &#8211; Chat 04"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3133\" class=\"elementor elementor-3133\" data-elementor-post-type=\"zahra\">\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=\"ltr\">\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\/becd.svg\" class=\"attachment-large size-large wp-image-2527\" 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><strong>\u12db\u1205\u122b<\/strong><\/h4>\n\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-eb44dca elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"eb44dca\" 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\/Tigri_Audio1b.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-5c4062e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"5c4062e\" 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\/Tigri_Audio1b.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-be9d20d elementor-widget elementor-widget-html\" data-id=\"be9d20d\" 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\/zahra\/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\">\u12a5\u1295\u1273\u12ed \u12ad\u1308\u1265\u122d \u12a5\u12bd\u12a5\u120d\u1367<\/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\/Erythree_F.webp\" class=\"attachment-large size-large wp-image-4903\" alt=\"\" srcset=\"https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/09\/Erythree_F.webp 800w, https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/09\/Erythree_F-300x300.webp 300w, https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/09\/Erythree_F-150x150.webp 150w, https:\/\/cr.wpwebmaster.be\/wp-content\/uploads\/2024\/09\/Erythree_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},"langues":[35],"class_list":["post-3133","zahra","type-zahra","status-publish","hentry","langues-ti"],"acf":[],"_links":{"self":[{"href":"https:\/\/cr.wpwebmaster.be\/ti-er\/wp-json\/wp\/v2\/zahra\/3133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cr.wpwebmaster.be\/ti-er\/wp-json\/wp\/v2\/zahra"}],"about":[{"href":"https:\/\/cr.wpwebmaster.be\/ti-er\/wp-json\/wp\/v2\/types\/zahra"}],"version-history":[{"count":0,"href":"https:\/\/cr.wpwebmaster.be\/ti-er\/wp-json\/wp\/v2\/zahra\/3133\/revisions"}],"wp:attachment":[{"href":"https:\/\/cr.wpwebmaster.be\/ti-er\/wp-json\/wp\/v2\/media?parent=3133"}],"wp:term":[{"taxonomy":"langues","embeddable":true,"href":"https:\/\/cr.wpwebmaster.be\/ti-er\/wp-json\/wp\/v2\/langues?post=3133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}