<!doctype html>
<html lang="tr" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="preload" as="fetch" href="https://yerelkultur.info/wp-content/themes/myproduksiyon/assets/myproduksiyon_logo.json" crossorigin>
<link rel='preload' as='script' href='https://yerelkultur.info/wp-content/plugins/whatsapp-for-wordpress/assets/js/main.js?ver=6.9' data-wpacu-preload-js='1'>
<link rel='preload' as='script' href='https://www.googletagmanager.com/gtag/js?id=GT-M3V5ZFP' data-wpacu-preload-js='1'>
<link rel='preload' as='script' href='https://yerelkultur.info/wp-content/plugins/ses-bankasi/assets/js/script.js?ver=1.0' data-wpacu-preload-js='1'>
<link rel='preload' as='script' href='https://yerelkultur.info/wp-content/themes/myproduksiyon/js/lottie.min.js?ver=1.1.234453354451453333544343' data-wpacu-preload-js='1'>
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com"><link rel="preload" as="font" href="/wp-content/themes/myproduksiyon/assets/fonts/fa-solid-900.woff2" data-wpacu-preload-local-font="1" crossorigin>
<link rel="preload" as="font" href="/wp-content/themes/myproduksiyon/assets/fonts/remixicon/remixicon.woff2" data-wpacu-preload-local-font="1" crossorigin>
<title>Sayfa bulunamadı | My Prodüksiyon</title>
<meta name="robots" content="follow, noindex"/>
<meta property="og:locale" content="tr_TR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Sayfa bulunamadı | My Prodüksiyon" />
<meta property="og:site_name" content="My Prodüksiyon" />
<meta property="article:publisher" content="https://www.facebook.com/myproduksiyon/" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Sayfa bulunamadı | My Prodüksiyon" />
<meta name="twitter:site" content="@myproduksiyon" />
<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='remixicon-optimized-css' href='https://yerelkultur.info/wp-content/plugins/remixicon-unusd/remix-icons-purged.css?ver=6.9' media='all' />
<link rel='stylesheet' id='nta-css-popup-css' href='https://yerelkultur.info/wp-content/plugins/whatsapp-for-wordpress/assets/css/style.css?ver=6.9' media='all' />
<link   rel='preload' as='style' data-wpacu-preload-it-async='1' onload="this.onload=null;this.rel='stylesheet'" id='wpacu-preload-myproduksiyon-style-css' href='https://yerelkultur.info/wp-content/themes/myproduksiyon/style.css?ver=1.1.234453354451453333544343' media='all' />
<link rel='stylesheet' id='bundle-myproduksiyon-css' href='https://yerelkultur.info/wp-content/themes/myproduksiyon/assets/css/swiper-bundle.min.css?ver=1.1.234453354451453333544343' media='all' />
<link rel='stylesheet' id='output-tools-css' href='https://yerelkultur.info/wp-content/themes/myproduksiyon/assets/css/output.css?ver=1.1.234453354451453333544343' media='all' />
<link rel='stylesheet' id='aos-tools-css' href='https://yerelkultur.info/wp-content/themes/myproduksiyon/assets/css/aos.css?ver=1.1.234453354451453333544343' media='all' />
<script src="https://yerelkultur.info/wp-content/themes/myproduksiyon/assets/js/jquery-3.7.1.min.js?ver=3.7.1" id="jquery-js"></script>
<script id="nta-js-popup-js-extra">
var ntaWA = {"ga":"1"};
//# sourceURL=nta-js-popup-js-extra
</script>
<script data-wpacu-to-be-preloaded-basic='1' src="https://yerelkultur.info/wp-content/plugins/whatsapp-for-wordpress/assets/js/main.js?ver=6.9" id="nta-js-popup-js"></script>
<script data-wpacu-to-be-preloaded-basic='1' src="https://www.googletagmanager.com/gtag/js?id=GT-M3V5ZFP" id="google_gtagjs-js" async></script>
<script data-wpacu-to-be-preloaded-basic='1' id="google_gtagjs-js-after">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["yerelkultur.info"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-M3V5ZFP");
window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
//# sourceURL=google_gtagjs-js-after
</script>
<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />    <style>
/* Favori Modal Stilleri */
#ses-bank-favorites-modal, #shared-favorites-modal {
backdrop-filter: blur(4px);
z-index: 999999;
}
.ses-bank-modal-content {
background: #2a2f4a !important;
border-radius: 12px !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3) !important;
overflow: hidden;
max-width: 90%;
width: 500px;
max-height: 90vh;
}
.ses-bank-btn-success {
background-color: #10b981 !important;
color: white !important;
transition: background-color 0.3s !important;
}
.ses-bank-btn-success:hover {
background-color: #059669 !important;
}
.ses-bank-btn-primary {
background-color: #3b82f6 !important;
color: white !important;
transition: background-color 0.3s !important;
}
.ses-bank-btn-primary:hover {
background-color: #2563eb !important;
}
/* Buton stilleri */
.ses-bank-btn {
padding: 8px 12px;
border-radius: 8px;
border: none;
cursor: pointer;
font-weight: 500;
font-size: 14px;
transition: all 0.2s;
}
/* Grid buton düzeni için stiller */
.action-buttons-container {
display: flex;
width: 100%;
}
.action-buttons-container .ses-bank-btn {
flex: 1;
}
/* Paylaşım link alanı stilleri */
.share-link-container {
width: 100%;
margin-top: 12px;
}
/* Favorileri düzgün göstermek için liste stilleri */
.ses-bank-favorite-item {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 8px;
margin-bottom: 8px;
transition: background-color 0.3s;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px;
}
.ses-bank-favorite-item:hover {
background-color: rgba(255, 255, 255, 0.15);
}
/* Play butonları için stiller */
.ses-bank-play-button {
width: 36px;
height: 36px;
min-width: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #4f46e5;
color: white;
cursor: pointer;
transition: all 0.2s;
border: none;
}
.ses-bank-play-button:hover {
background-color: #4338ca;
transform: scale(1.05);
}
/* SVG ikonları için stil */
.ses-bank-play-button svg,
.ses-bank-btn svg {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
}
/* SVG ikonun sağındaki metin için kenar boşluğu */
.ses-bank-btn svg {
margin-right: 4px;
}
/* Player container stilleri */
.player-container {
position: relative;
display: flex;
align-items: center;
}
.ses-audio {
display: none;
}
/* Modal içerik stilleri */
.favorites-modal-header {
padding: 16px;
border-bottom: 1px solid rgba(255,255,255,0.1);
display: flex;
justify-content: space-between;
align-items: center;
}
.favorites-modal-title {
font-size: 20px;
font-weight: bold;
color: white;
}
.favorites-modal-body {
padding: 16px;
max-height: 60vh;
overflow-y: auto;
}
.favorites-modal-footer {
padding: 16px;
border-top: 1px solid rgba(255,255,255,0.1);
}
.close-modal-btn {
background: transparent;
border: none;
color: rgba(255, 255, 255, 0.7);
cursor: pointer;
font-size: 20px;
padding: 4px;
}
.close-modal-btn:hover {
color: white;
}
/* Sosyal paylaşım butonları */
.social-share-buttons {
display: flex;
gap: 8px;
margin-top: 12px;
}
.social-button {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
transition: all 0.2s;
}
.social-button:hover {
transform: scale(1.1);
}
.facebook-button {
background-color: #1877F2;
}
.twitter-button {
background-color: #1DA1F2;
}
.linkedin-button {
background-color: #0A66C2;
}
.whatsapp-button {
background-color: #25D366;
}
.email-button {
background-color: #555;
}
/* Link paylaşım alanı */
.link-input-container {
display: flex;
margin-top: 12px;
}
.link-input {
flex: 1;
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
color: white;
padding: 8px 12px;
border-radius: 6px 0 0 6px;
font-size: 14px;
}
.copy-button {
background-color: #4f46e5;
color: white;
border: none;
padding: 8px 16px;
border-radius: 0 6px 6px 0;
cursor: pointer;
transition: background-color 0.3s;
display: flex;
align-items: center;
gap: 6px;
}
.copy-button:hover {
background-color: #4338ca;
}
/* Footer butonları */
.modal-footer-buttons {
margin-top: 16px;
}
</style>
<style>
/* Teklif Al butonu stili */
.ses-bank-detail-offer-button {
background-color: #10b981;
border-color: #059669;
}
.ses-bank-detail-offer-button:hover {
background-color: #059669;
}
/* Liste görünümündeki butonların stili */
.ses-bank-action-button.ses-bank-share-button,
.ses-bank-action-button.ses-bank-offer-button {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
color: white;
margin-left: 5px;
cursor: pointer;
transition: all 0.2s ease;
}
.ses-bank-action-button.ses-bank-share-button:hover {
background-color: #3b82f6;
border-color: #2563eb;
}
.ses-bank-action-button.ses-bank-offer-button {
background-color: rgba(16, 185, 129, 0.2);
border-color: rgba(16, 185, 129, 0.4);
}
.ses-bank-action-button.ses-bank-offer-button:hover {
background-color: #10b981;
border-color: #059669;
}
.ses-bank-voice-actions {
display: flex;
align-items: center;
}
</style>
<script>document.createElement( "picture" );if(!window.HTMLPictureElement && document.addEventListener) {window.addEventListener("DOMContentLoaded", function() {var s = document.createElement("script");s.src = "https://yerelkultur.info/wp-content/plugins/webp-express/js/picturefill.min.js";document.body.appendChild(s);});}</script>        <style>
.wa__stt_offline {
pointer-events: none;
}
.wa__button_text_only_me .wa__btn_txt {
padding-top: 16px !important;
padding-bottom: 15px !important;
}
.wa__popup_content_item .wa__cs_img_wrap {
width: 48px;
height: 48px;
}
.wa__popup_chat_box .wa__popup_heading {
background: #2db742;
}
.wa__btn_popup .wa__btn_popup_icon {
background: #2db742;
}
.wa__popup_chat_box .wa__stt {
border-left: 2px solid #2db742;
}
.wa__popup_chat_box .wa__popup_heading .wa__popup_title {
color: #fff;
}
.wa__popup_chat_box .wa__popup_heading .wa__popup_intro {
color: #fff;
opacity: 0.8;
}
</style>
<link rel="icon" href="https://yerelkultur.info/wp-content/uploads/2017/11/cropped-footer_logo-32x32.png" sizes="32x32" />
<link rel="icon" href="https://yerelkultur.info/wp-content/uploads/2017/11/cropped-footer_logo-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://yerelkultur.info/wp-content/uploads/2017/11/cropped-footer_logo-180x180.png" />
<meta name="msapplication-TileImage" content="https://yerelkultur.info/wp-content/uploads/2017/11/cropped-footer_logo-270x270.png" />
<script  id="wpacu-preload-async-css-fallback">
/*! LoadCSS. [c]2020 Filament Group, Inc. MIT License */
/* This file is meant as a standalone workflow for
- testing support for link[rel=preload]
- enabling async CSS loading in browsers that do not support rel=preload
- applying rel preload css once loaded, whether supported or not.
*/
(function(w){"use strict";var wpacuLoadCSS=function(href,before,media,attributes){var doc=w.document;var ss=doc.createElement('link');var ref;if(before){ref=before}else{var refs=(doc.body||doc.getElementsByTagName('head')[0]).childNodes;ref=refs[refs.length-1]}
var sheets=doc.styleSheets;if(attributes){for(var attributeName in attributes){if(attributes.hasOwnProperty(attributeName)){ss.setAttribute(attributeName,attributes[attributeName])}}}
ss.rel="stylesheet";ss.href=href;ss.media="only x";function ready(cb){if(doc.body){return cb()}
setTimeout(function(){ready(cb)})}
ready(function(){ref.parentNode.insertBefore(ss,(before?ref:ref.nextSibling))});var onwpaculoadcssdefined=function(cb){var resolvedHref=ss.href;var i=sheets.length;while(i--){if(sheets[i].href===resolvedHref){return cb()}}
setTimeout(function(){onwpaculoadcssdefined(cb)})};function wpacuLoadCB(){if(ss.addEventListener){ss.removeEventListener("load",wpacuLoadCB)}
ss.media=media||"all"}
if(ss.addEventListener){ss.addEventListener("load",wpacuLoadCB)}
ss.onwpaculoadcssdefined=onwpaculoadcssdefined;onwpaculoadcssdefined(wpacuLoadCB);return ss};if(typeof exports!=="undefined"){exports.wpacuLoadCSS=wpacuLoadCSS}else{w.wpacuLoadCSS=wpacuLoadCSS}}(typeof global!=="undefined"?global:this))
</script><noscript><style>.perfmatters-lazy[data-src]{display:none !important;}</style></noscript><style>.perfmatters-lazy-youtube{position:relative;width:100%;max-width:100%;height:0;padding-bottom:56.23%;overflow:hidden}.perfmatters-lazy-youtube img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:auto;margin:auto;border:none;cursor:pointer;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all}.perfmatters-lazy-youtube img:hover{-webkit-filter:brightness(75%)}.perfmatters-lazy-youtube .play{position:absolute;top:50%;left:50%;right:auto;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background:url(https://yerelkultur.info/wp-content/plugins/perfmatters/img/youtube.svg) no-repeat;background-position:center;background-size:cover;pointer-events:none;filter:grayscale(1)}.perfmatters-lazy-youtube:hover .play{filter:grayscale(0)}.perfmatters-lazy-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.perfmatters-lazy.pmloaded,.perfmatters-lazy.pmloaded>img,.perfmatters-lazy>img.pmloaded,.perfmatters-lazy[data-ll-status=entered]{animation:500ms pmFadeIn}@keyframes pmFadeIn{0%{opacity:0}100%{opacity:1}}body .perfmatters-lazy-css-bg:not([data-ll-status=entered]),body .perfmatters-lazy-css-bg:not([data-ll-status=entered]) *,body .perfmatters-lazy-css-bg:not([data-ll-status=entered])::before,body .perfmatters-lazy-css-bg:not([data-ll-status=entered])::after,body .perfmatters-lazy-css-bg:not([data-ll-status=entered]) *::before,body .perfmatters-lazy-css-bg:not([data-ll-status=entered]) *::after{background-image:none!important;will-change:transform;transition:opacity 0.025s ease-in,transform 0.025s ease-in!important;}</style><script>
(function () {
if (typeof window.Parallax === 'undefined') {
window.Parallax = function (element, options) {
console.warn('Parallax is not defined, dummy Parallax() çalıştı.');
return {
destroy: function () {},
enable: function () {},
disable: function () {},
refresh: function () {}
};
};
}
if (typeof window.playButtons === 'undefined') {
window.playButtons = [];
}
})();
</script>
</head>
<body class="error404 wp-theme-myproduksiyon hfeed">
<div id="page" class="site">
<h1 class="santral-anons-seslendirme" itemprop="headline"><a href="https://yerelkultur.info/santral-anons/" title="Santral Anons">Santral Anons | Profesyonel Santral Anons | IVR Anons Seslendirme Hizmeti</a></h1>
<h1 class="santral-anons-seslendirme" itemprop="headline"><a href="https://yerelkultur.info/santral-seslendirme/" title="Santral Seslendirme">Santral Seslendirme | Santral Karşılama Anonsu | IVR Seslendirme Hizmeti</a></h1>
<header>
<div class="header-wrapper w-full fixed left-0 top-0 z-20 xl:block hidden h1-header-sticky h1-header-sticky-qs">
<div class="2xl:px-[110px] px-5 mx-auto relative">
<div class="w-full h-[45px] justify-between items-center pl-[50px] bg-white border border-[#e7e8e9] hidden h1-top-bar">
<div class="2xl:block hidden text-14"><span class="text-black text-s">Türkiye'nin</span><span class="text-purple text-s font-semibold"> en popüler  </span><span class="text-black text-s">seslendirme ajansı</span></div>
<div style="
background: linear-gradient(
270deg,
#794aff 50%,
rgba(121, 74, 255, 0) 90.03%
);
" class="2xl:w-[1021px] w-full h-full flex items-center justify-end">
<div class="flex space-x-2.5 items-center mr-7">
<span>
<svg width="22" height="20" viewbox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 10.5001C21 10.0087 20.9947 9.01723 20.9842 8.52439C20.9189 5.45886 20.8862 3.92609 19.7551 2.79066C18.6239 1.65523 17.0497 1.61568 13.9012 1.53657C11.9607 1.48781 10.0393 1.48781 8.09882 1.53656C4.95033 1.61566 3.37608 1.65521 2.24495 2.79065C1.11382 3.92608 1.08114 5.45885 1.01576 8.52438C0.994745 9.51007 0.994745 10.4899 1.01577 11.4756C1.08114 14.5412 1.11383 16.0739 2.24496 17.2094C3.37608 18.3448 4.95033 18.3843 8.09883 18.4634C8.90159 18.4836 9.70108 18.4954 10.5 18.4989" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1 4L7.91302 7.92462C10.4387 9.35846 11.5613 9.35846 14.087 7.92462L21 4" stroke="white" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M21 15.5L13 15.5M21 15.5C21 14.7998 19.0057 13.4915 18.5 13M21 15.5C21 16.2002 19.0057 17.5085 18.5 18" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="text-white text-14 font-semibold"> <a href="mailto:info@yerelkultur.info"  >info@yerelkultur.info</a></span>
</div>
<div class="flex space-x-2.5 items-center mr-7">
<span>
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.77762 11.9424C2.8296 10.2893 2.37185 8.93948 2.09584 7.57121C1.68762 5.54758 2.62181 3.57081 4.16938 2.30947C4.82345 1.77638 5.57323 1.95852 5.96 2.6524L6.83318 4.21891C7.52529 5.46057 7.87134 6.08139 7.8027 6.73959C7.73407 7.39779 7.26737 7.93386 6.33397 9.00601L3.77762 11.9424ZM3.77762 11.9424C5.69651 15.2883 8.70784 18.3013 12.0576 20.2224M12.0576 20.2224C13.7107 21.1704 15.0605 21.6282 16.4288 21.9042C18.4524 22.3124 20.4292 21.3782 21.6905 19.8306C22.2236 19.1766 22.0415 18.4268 21.3476 18.04L19.7811 17.1668C18.5394 16.4747 17.9186 16.1287 17.2604 16.1973C16.6022 16.2659 16.0661 16.7326 14.994 17.666L12.0576 20.2224Z" stroke="white" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M22 5L12 5M22 5C22 4.43982 20.604 3.39322 20.25 3M22 5C22 5.56018 20.604 6.60678 20.25 7M12 5C12 4.43982 13.396 3.39322 13.75 3M12 5C12 5.56018 13.396 6.60678 13.75 7" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="text-white text-14 font-semibold"><a href="tel:08505000020"> 0 850 500 00 20</a> </span>
</div>
<ul class="flex space-x-[15px] items-center mr-[55px]">
<li>
<a href="https://www.instagram.com/MyProduksiyon/" aria-label="instagram" class="text-white opacity-50 hover:opacity-100">
<svg class="fill-current" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.33301 1.3335C3.57159 1.3335 1.33301 3.57207 1.33301 6.33349V9.66683C1.33301 12.4283 3.57158 14.6668 6.333 14.6668H9.66634C12.4278 14.6668 14.6663 12.4283 14.6663 9.66683V6.3335C14.6663 3.57207 12.4278 1.3335 9.66634 1.3335H6.33301ZM11.9997 4.66683C12.3679 4.66683 12.6663 4.36835 12.6663 4.00016C12.6663 3.63197 12.3679 3.3335 11.9997 3.3335C11.6315 3.3335 11.333 3.63197 11.333 4.00016C11.333 4.36835 11.6315 4.66683 11.9997 4.66683ZM11.333 8.00016C11.333 9.84111 9.84062 11.3335 7.99967 11.3335C6.15873 11.3335 4.66634 9.84111 4.66634 8.00016C4.66634 6.15921 6.15873 4.66683 7.99967 4.66683C9.84062 4.66683 11.333 6.15921 11.333 8.00016ZM7.99968 10.0002C9.10425 10.0002 9.99968 9.10473 9.99968 8.00016C9.99968 6.89559 9.10425 6.00016 7.99968 6.00016C6.89511 6.00016 5.99968 6.89559 5.99968 8.00016C5.99968 9.10473 6.89511 10.0002 7.99968 10.0002Z"></path>
</svg>
</a>
</li>
<li>
<a href="https://www.youtube.com/@MyProduksiyon/" aria-label="youtube" class="text-white opacity-50 hover:opacity-100">
<svg class="fill-current" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.5 6.5C23.4 6.1 23.2 5.7 23 5.3C22.6 4.6 21.9 4.1 21.1 4C19.3 3.8 12 3.8 12 3.8C12 3.8 4.7 3.8 2.9 4C2.1 4.1 1.4 4.6 1 5.3C0.8 5.7 0.6 6.1 0.5 6.5C0.3 8.3 0.3 12 0.3 12C0.3 12 0.3 15.7 0.5 17.5C0.6 17.9 0.8 18.3 1 18.7C1.4 19.4 2.1 19.9 2.9 20C4.7 20.2 12 20.2 12 20.2C12 20.2 19.3 20.2 21.1 20C21.9 19.9 22.6 19.4 23 18.7C23.2 18.3 23.4 17.9 23.5 17.5C23.7 15.7 23.7 12 23.7 12C23.7 12 23.7 8.3 23.5 6.5ZM9.7 15.6V8.4L16.1 12L9.7 15.6Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="https://www.facebook.com/myproduksiyon/" aria-label="facebook" class="text-white opacity-50 hover:opacity-100">
<svg class="fill-current" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2H11.3333C8.756 2 6.66667 4.08934 6.66667 6.66667H4V9.33333H6.66667V14H9.33333V9.33333H12V6.66667H9.33333V5.66667C9.33333 5.11438 9.78105 4.66667 10.3333 4.66667H12V2Z"></path>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="w-full header-yuvarlak h-[95px] flex justify-between items-center px-[50px] border border-[#e7e8e9] bg-white border-t-0 relative">
<div>
<a href="https://yerelkultur.info" aria-label="logo">
<div id="lottie-logo"></div>
</a>
</div>
<div class="flex w-full web-menu xl:w-auto">
<div>
<div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"><li id="menu-item-19143" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-19143"><a href="https://yerelkultur.info/">ANASAYFA</a></li>
<li id="menu-item-8455" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8455"><a href="https://yerelkultur.info/ses-bankasi/">SES BANKASI</a></li>
<li id="menu-item-3720" class="menu-ff menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3720"><a href="https://yerelkultur.info/seslendirme-hizmetleri/">HİZMETLER</a>
<ul class="sub-menu">
<li id="menu-item-18377" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-18377"><a href="#">MENU-1</a>
<ul class="sub-menu">
<li id="menu-item-3737" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3737"><a href="https://yerelkultur.info/seslendirme-hizmetleri/tanitim-filmi-seslendirme/">Tanıtım Filmi Seslendirme</a></li>
<li id="menu-item-3732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3732"><a href="https://yerelkultur.info/seslendirme-hizmetleri/reklam-seslendirme/">Reklam Seslendirme</a></li>
<li id="menu-item-3734" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3734"><a href="https://yerelkultur.info/seslendirme-hizmetleri/santral-seslendirme/">Santral Seslendirme</a></li>
<li id="menu-item-3725" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3725"><a href="https://yerelkultur.info/seslendirme-hizmetleri/egitim-filmi-seslendirme/">Eğitim Filmi Seslendirme</a></li>
<li id="menu-item-3740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3740"><a href="https://yerelkultur.info/seslendirme-hizmetleri/sesli-mesaj-seslendirme/">Sesli Mesaj Seslendirme</a></li>
<li id="menu-item-3731" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3731"><a href="https://yerelkultur.info/seslendirme-hizmetleri/perfore-seslendirme/">Perfore Seslendirme</a></li>
<li id="menu-item-3729" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3729"><a href="https://yerelkultur.info/seslendirme-hizmetleri/magaza-anons-seslendirme/">Mağaza Anons Seslendirme</a></li>
</ul>
</li>
<li id="menu-item-18378" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-18378"><a href="#">MENU-2</a>
<ul class="sub-menu">
<li id="menu-item-3728" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3728"><a href="https://yerelkultur.info/seslendirme-hizmetleri/jingle-seslendirme/">Jingle Seslendirme</a></li>
<li id="menu-item-3727" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3727"><a href="https://yerelkultur.info/seslendirme-hizmetleri/ivr-seslendirme/">IVR Seslendirme</a></li>
<li id="menu-item-3739" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3739"><a href="https://yerelkultur.info/seslendirme-hizmetleri/yabanci-dil-seslendirme/">Yabancı Dil Seslendirme</a></li>
<li id="menu-item-3721" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3721"><a href="https://yerelkultur.info/seslendirme-hizmetleri/animasyon-seslendirme/">Animasyon Seslendirme</a></li>
<li id="menu-item-3736" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3736"><a href="https://yerelkultur.info/seslendirme-hizmetleri/sponsorluk-seslendirme/">Sponsorluk Seslendirme</a></li>
<li id="menu-item-3733" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3733"><a href="https://yerelkultur.info/seslendirme-hizmetleri/santral-anons-seslendirme/">Santral Anons Seslendirme</a></li>
<li id="menu-item-3726" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3726"><a href="https://yerelkultur.info/seslendirme-hizmetleri/haber-seslendirme/">Haber Seslendirme</a></li>
</ul>
</li>
<li id="menu-item-18379" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-18379"><a href="#">MENU-3</a>
<ul class="sub-menu">
<li id="menu-item-3743" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3743"><a href="https://yerelkultur.info/seslendirme-hizmetleri/secim-seslendirme/">Seçim Seslendirme</a></li>
<li id="menu-item-3724" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3724"><a href="https://yerelkultur.info/seslendirme-hizmetleri/e-kitap-seslendirme/">E-Kitap Seslendirme</a></li>
<li id="menu-item-3723" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3723"><a href="https://yerelkultur.info/seslendirme-hizmetleri/dj-jingle-seslendirme/">DJ Jingle Seslendirme</a></li>
<li id="menu-item-3730" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3730"><a href="https://yerelkultur.info/seslendirme-hizmetleri/medikal-seslendirme/">Medikal Seslendirme</a></li>
<li id="menu-item-3722" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3722"><a href="https://yerelkultur.info/seslendirme-hizmetleri/belgesel-seslendirme/">Belgesel Seslendirme</a></li>
<li id="menu-item-3738" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3738"><a href="https://yerelkultur.info/seslendirme-hizmetleri/tesis-anonsu-seslendirme/">Tesis Anonsu Seslendirme</a></li>
<li id="menu-item-8930" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8930"><a href="https://yerelkultur.info/seslendirme-hizmetleri/oyun-seslendirme/">Oyun Seslendirme</a></li>
</ul>
</li>
</ul>
</li>
<li id="menu-item-3620" class="menu-ff menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3620"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/">YABANCI DİL SESLENDİRME</a>
<ul class="sub-menu">
<li id="menu-item-3225" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3225"><a href="#">YABANCI DİLLER 01</a>
<ul class="sub-menu">
<li id="menu-item-3115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3115"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/almanca-seslendirme/">Almanca Seslendirme</a></li>
<li id="menu-item-3183" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3183"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/arapca-seslendirme/">Arapça Seslendirme</a></li>
<li id="menu-item-3184" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3184"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/arnavutca-seslendirme/">Arnavutça Seslendirme</a></li>
<li id="menu-item-3185" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3185"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/azerice-seslendirme/">Azerice Seslendirme</a></li>
<li id="menu-item-3186" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3186"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/bosnakca-seslendirme/">Boşnakça Seslendirme</a></li>
<li id="menu-item-3187" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3187"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/bulgarca-seslendirme/">Bulgarca Seslendirme</a></li>
<li id="menu-item-3188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3188"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/cekce-seslendirme/">Çekçe Seslendirme</a></li>
</ul>
</li>
<li id="menu-item-3226" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3226"><a href="#">YABANCI DİLLER 02</a>
<ul class="sub-menu">
<li id="menu-item-3189" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3189"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/cince-seslendirme/">Çince Seslendirme</a></li>
<li id="menu-item-3190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3190"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/danimarkaca-seslendirme/">Danimarkaca Seslendirme</a></li>
<li id="menu-item-3191" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3191"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ermenice-seslendirme/">Ermenice Seslendirme</a></li>
<li id="menu-item-3192" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3192"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/farsca-seslendirme/">Farsça Seslendirme</a></li>
<li id="menu-item-3193" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3193"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/fransizca-seslendirme/">Fransızca Seslendirme</a></li>
<li id="menu-item-3194" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3194"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/gurcuce-seslendirme/">Gürcüce Seslendirme</a></li>
<li id="menu-item-3195" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3195"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/hirvatca-seslendirme/">Hırvatça Seslendirme</a></li>
</ul>
</li>
<li id="menu-item-3227" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3227"><a href="#">YABANCI DİLLER 03</a>
<ul class="sub-menu">
<li id="menu-item-3196" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3196"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/hollandaca-seslendirme/">Hollandaca Seslendirme</a></li>
<li id="menu-item-3197" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3197"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ibranice-seslendirme/">İbranice Seslendirme</a></li>
<li id="menu-item-3116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3116"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ingilizce-seslendirme/">İngilizce Seslendirme</a></li>
<li id="menu-item-3199" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3199"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ispanyolca-seslendirme/">İspanyolca Seslendirme</a></li>
<li id="menu-item-3200" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3200"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/italyanca-seslendirme/">İtalyanca Seslendirme</a></li>
<li id="menu-item-3201" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3201"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/japonca-seslendirme/">Japonca Seslendirme</a></li>
<li id="menu-item-3202" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3202"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/kazakca-seslendirme/">Kazakça Seslendirme</a></li>
</ul>
</li>
<li id="menu-item-3228" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3228"><a href="#">YABANCI DİLLER 04</a>
<ul class="sub-menu">
<li id="menu-item-3212" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3212"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/kirgizca-seslendirme/">Kırgızca Seslendirme</a></li>
<li id="menu-item-3234" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3234"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/korece-seslendirme/">Korece Seslendirme</a></li>
<li id="menu-item-3213" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3213"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/kurtce-seslendirme/">Kürtçe Seslendirme</a></li>
<li id="menu-item-3214" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3214"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/lehce-seslendirme/">Lehçe Seslendirme</a></li>
<li id="menu-item-3210" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3210"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/macarca-seslendirme/">Macarca Seslendirme</a></li>
<li id="menu-item-3209" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3209"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/makedonca-seslendirme/">Makedonca Seslendirme</a></li>
<li id="menu-item-3208" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3208"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ozbekce-seslendirme/">Özbekçe Seslendirme</a></li>
</ul>
</li>
<li id="menu-item-3229" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3229"><a href="#">YABANCI DİLLER 05</a>
<ul class="sub-menu">
<li id="menu-item-3218" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3218"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/portekizce-seslendirme/">Portekizce Seslendirme</a></li>
<li id="menu-item-3219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3219"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/romence-seslendirme/">Romence Seslendirme</a></li>
<li id="menu-item-3220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3220"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/rusca-seslendirme/">Rusça Seslendirme</a></li>
<li id="menu-item-3240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3240"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/slovakca-seslendirme/">Slovakça Seslendirme</a></li>
<li id="menu-item-3237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3237"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ukraynaca-seslendirme/">Ukraynaca Seslendirme</a></li>
<li id="menu-item-3221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3221"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/yunanca-seslendirme/">Yunanca Seslendirme</a></li>
<li id="menu-item-3230" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3230"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/diger-yabanci-dil-seslendirme/">Diğer Yabancı Diller</a></li>
</ul>
</li>
</ul>
</li>
<li id="menu-item-4047" class="menu-ff relative menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4047"><a href="https://yerelkultur.info/produksiyon/">PRODÜKSİYON</a>
<ul class="sub-menu">
<li id="menu-item-12122" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-12122"><a href="#">MENU-1</a>
<ul class="sub-menu">
<li id="menu-item-12121" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12121"><a href="https://yerelkultur.info/2d-3d-animasyon-filmi/">2D &#038; 3D Animasyon Filmi</a></li>
<li id="menu-item-12149" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12149"><a href="https://yerelkultur.info/whiteboard-animasyon-filmi/">Whiteboard Animasyon Filmi</a></li>
<li id="menu-item-12160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12160"><a href="https://yerelkultur.info/video-altyazi-produksiyon/">Video Altyazı Prodüksiyon</a></li>
<li id="menu-item-12152" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12152"><a href="https://yerelkultur.info/video-dublaj-seslendirme/">Video Dublaj Seslendirme</a></li>
<li id="menu-item-12154" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12154"><a href="https://yerelkultur.info/video-desifresi-altyazi/">Video Deşifresi &#038; Altyazı</a></li>
<li id="menu-item-12155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12155"><a href="https://yerelkultur.info/ceviri-tercume-cozumleri/">Çeviri &#038; Tercüme Çözümleri</a></li>
<li id="menu-item-12153" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12153"><a href="https://yerelkultur.info/televizyon-reklami-verin/">Televizyon Reklamı Verin</a></li>
</ul>
</li>
<li id="menu-item-11850" class="hidden-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-11850"><a href="#">MENU-2</a>
<ul class="sub-menu">
<li id="menu-item-3719" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3719"><a href="https://yerelkultur.info/televizyon-reklam-filmi/">Televizyon Reklam Filmi</a></li>
<li id="menu-item-3718" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3718"><a href="https://yerelkultur.info/kurumsal-tanitim-filmi/">Kurumsal Tanıtım Filmi</a></li>
<li id="menu-item-3712" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3712"><a href="https://yerelkultur.info/jingle-reklam-produksiyon/">Jingle Reklam Prodüksiyon</a></li>
<li id="menu-item-3713" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3713"><a href="https://yerelkultur.info/magaza-radyo-sistemleri/">Mağaza Radyo Sistemleri</a></li>
<li id="menu-item-14250" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14250"><a href="https://yerelkultur.info/canli-yayin-hizmeti/">Canlı Yayın Hizmeti</a></li>
<li id="menu-item-14257" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14257"><a href="https://yerelkultur.info/drone-cekim-hizmeti/">Drone Çekim Hizmeti</a></li>
<li id="menu-item-12159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12159"><a href="https://yerelkultur.info/dublaj-suresi-hesaplama/">Dublaj Süresi Hesaplama</a></li>
</ul>
</li>
</ul>
</li>
<li id="menu-item-12161" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12161"><a href="https://yerelkultur.info/santral-seslendirme/">SANTRAL SESLENDİRME</a></li>
<li id="menu-item-838" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-838"><a href="https://yerelkultur.info/iletisim/">İLETİŞİM</a></li>
</ul></div></div>
</div>
<div class="xl:flex hidden space-x-[30px] items-center wp-head">
<a href="https://api.whatsapp.com/send/?phone=905396990000&text=Merhaba+%21&type=phone_number" target="_blank">
<div class="home-two-btn-bg py-3 group bg-green border-green-seo">
<span class="text-base text-white group-hover:text-green-seo transition-all duration-300 font-semibold font-inter relative z-10">
Whatsapp Destek
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</header>
<header class="flex xl:hidden flex-col relative">
<div class="h-16 bg-white flex items-center justify-between fixed top-0 left-0 z-50 w-full px-2.5">
<a href="https://yerelkultur.info"  aria-label="logo">
<div id="lottie-logo-2"></div>
</a>
<button aria-label="mobile-Menu" class="text-main-black text-48 w-6 h-6 toggle_nav_menu" id="mobile_nav_toggle_menu">
<svg class="pointer-events-none transition-all duration-300" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
<path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"></path>
</svg>
<svg class="pointer-events-none hidden transition-all duration-300" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path>
</svg>
</button>
</div>
<div class="transition-all duration-300">
<div class="w-full h-screen fixed   z-40 -left-full transition-all duration-300 delay-150" id="mobile-nav-div-overlay"></div>
<div class="fixed h-screen overflow-y-scr
oll w-full top-16 -left-full z-50 transition-all duration-300 delay-0" id="mobile-nav-div">
<div class="mobil-menu">
<div class="flex top-men-a gap-5 justify-between ">
<a href="tel:+908505000020"><i class="ri-customer-service-2-line"></i> Telefon </a>
<a href="mailto:info@yerelkultur.info?subject=My%20Prodüksiyon%20Sitesinden%20Gönderilen%20Mobil%20Soru"><i class="ri-mail-fill"></i> E-Mail</a>
<a href="https://wa.me/+905396990000"><i class="ri-question-fill"></i> Yardım</a>
</div>
<div class="menu-mobile-container"><ul id="menu-mobile" class="menu"><li id="menu-item-19144" class="bg-renk9 menu-item menu-item-type-post_type menu-item-object-page menu-item-home"><a href="https://yerelkultur.info/">Anasayfa</a></li>
<li id="menu-item-9435" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://yerelkultur.info/ses-bankasi/">Ses Bankası<span class="menu-arrow"><i class="ri-add-line"></i></span></a>
<ul class="sub-menu" style="display: none;">
<li id="menu-item-9585" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/turkce-seslendirme/?dil=1">Türkçe Ses Bankası</a></li>
<li id="menu-item-9586" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/ingilizce-seslendirme/?dil=2">İngilizce Ses Bankası</a></li>
<li id="menu-item-9587" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/almanca-seslendirme/?dil=3">Almanca Ses Bankası</a></li>
<li id="menu-item-9588" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/fransizca-seslendirme/?dil=4">Fransızca Ses Bankası</a></li>
<li id="menu-item-9589" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/rusca-seslendirme/?dil=5">Rusça Ses Bankası</a></li>
<li id="menu-item-9590" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/ispanyolca-seslendirme/?dil=6">İspanyolca Ses Bankası</a></li>
<li id="menu-item-9591" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/italyanca-seslendirme/?dil=7">İtalyanca Ses Bankası</a></li>
<li id="menu-item-9592" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/arapca-seslendirme/?dil=8">Arapça Ses Bankası</a></li>
<li id="menu-item-9593" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/farsca-seslendirme/?dil=9">Farsça Ses Bankası</a></li>
<li id="menu-item-9594" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/cince-seslendirme/?dil=11">Çince Ses Bankası</a></li>
<li id="menu-item-9931" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/afrikanca-seslendirme/">Afrikanca Ses Bankası</a></li>
<li id="menu-item-9930" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/aramice-seslendirme/">Aramice Ses Bankası</a></li>
<li id="menu-item-9595" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/arnavutca-seslendirme/?dil=12">Arnavutça Ses Bankası</a></li>
<li id="menu-item-9596" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/azerice-seslendirme/?dil=13">Azerice Ses Bankası</a></li>
<li id="menu-item-9929" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/baskca-seslendirme/">Baskça Ses Bankası</a></li>
<li id="menu-item-9597" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/belarusca-seslendirme/?dil=41">Belarusça Ses Bankası</a></li>
<li id="menu-item-9928" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/bengalce-seslendirme/">Bengalce Ses Bankası</a></li>
<li id="menu-item-9598" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/bosnakca-seslendirme/?dil=14">Boşnakça Ses Bankası</a></li>
<li id="menu-item-9599" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/bulgarca-seslendirme/?dil=15">Bulgarca Ses Bankası</a></li>
<li id="menu-item-9927" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/burmaca-seslendirme/">Burmaca Ses Bankası</a></li>
<li id="menu-item-9600" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/cekce-seslendirme/?dil=16">Çekce Ses Bankası</a></li>
<li id="menu-item-9601" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/danimarkaca-seslendirme/?dil=17">Danimarkaca Ses Bankası</a></li>
<li id="menu-item-9602" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/ermenice-seslendirme/?dil=18">Ermenice Ses Bankası</a></li>
<li id="menu-item-9603" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/estonca-seslendirme/?dil=42">Estonca Ses Bankası</a></li>
<li id="menu-item-9604" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/filipince-seslendirme/?dil=43">Filipince Ses Bankası</a></li>
<li id="menu-item-9605" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/fince-seslendirme/?dil=45">Fince Ses Bankası</a></li>
<li id="menu-item-9606" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/flemenkce-seslendirme/?dil=44">Flemenkçe Ses Bankası</a></li>
<li id="menu-item-9607" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/gurcuce-seslendirme/?dil=19">Gürcüce Ses Bankası</a></li>
<li id="menu-item-9608" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/hirvatca-seslendirme/?dil=20">Hırvatça Ses Bankası</a></li>
<li id="menu-item-9609" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/hintce-seslendirme/?dil=46">Hintçe Ses Bankası</a></li>
<li id="menu-item-9610" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/hollandaca-seslendirme/?dil=21">Hollandaca Ses Bankası</a></li>
<li id="menu-item-9611" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/ibranice-seslendirme/?dil=22">İbranice Ses Bankası</a></li>
<li id="menu-item-9612" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/isvecce-seslendirme/?dil=47">İsveçce Ses Bankası</a></li>
<li id="menu-item-9926" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/izlandaca-seslendirme/">İzlandaca Ses Bankası</a></li>
<li id="menu-item-9613" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/japonca-seslendirme/?dil=23">Japonca Ses Bankası</a></li>
<li id="menu-item-9614" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/kazakca-seslendirme/?dil=24">Kazakça Ses bankası</a></li>
<li id="menu-item-9615" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/kirgizca-seslendirme/?dil=25">Kırgızca Ses Bankası</a></li>
<li id="menu-item-9616" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/korece-seslendirme/?dil=26">Korece Ses Bankası</a></li>
<li id="menu-item-9617" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/kurtce-seslendirme/?dil=27">Kürtçe Ses Bankası</a></li>
<li id="menu-item-9618" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/lehce-seslendirme/?dil=28">Lehçe Ses Bankası</a></li>
<li id="menu-item-9619" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/letonca-seslendirme/?dil=48">Letonca Ses Bankası</a></li>
<li id="menu-item-9620" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/litvanca-seslendirme/?dil=49">Litvanca Ses Bankası</a></li>
<li id="menu-item-9621" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/macarca-seslendirme/?dil=29">Macarca Ses Bankası</a></li>
<li id="menu-item-9622" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/makedonca-seslendirme/?dil=30">Makedonca Ses Bankası</a></li>
<li id="menu-item-9623" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/malayca-seslendirme/?dil=50">Malayca Ses Bankası</a></li>
<li id="menu-item-9925" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/mogolca-seslendirme/">Moğolca Ses Bankası</a></li>
<li id="menu-item-9624" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/moldovyaca-seslendirme/?dil=51">Moldovyaca Ses Bankası</a></li>
<li id="menu-item-9924" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/nepalce-seslendirme/">Nepalce Ses Bankası</a></li>
<li id="menu-item-9625" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/norvecce-seslendirme/?dil=52">Norveçce Ses Bankası</a></li>
<li id="menu-item-9626" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/ozbekce-seslendirme/?dil=31">Özbekçe Ses Bankası</a></li>
<li id="menu-item-9627" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/portekizce-seslendirme/?dil=32">Portekizce Ses Bankası</a></li>
<li id="menu-item-9628" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/romence-seslendirme/?dil=33">Romence Ses Bankası</a></li>
<li id="menu-item-9629" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/sirpca-seslendirme/?dil=53">Sırpça Ses Bankası</a></li>
<li id="menu-item-9630" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/slovakca-seslendirme/?dil=34">Slovakça Ses Bankası</a></li>
<li id="menu-item-9631" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/slovence-seslendirme/?dil=54">Slovence Ses Bankası</a></li>
<li id="menu-item-9922" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/somalice-seslendirme/">Somalice Ses Bankası</a></li>
<li id="menu-item-9632" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/tacikce-seslendirme/?dil=55">Tacikçe Ses Bankası</a></li>
<li id="menu-item-9923" class="bg-renk1 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ses-bankasi/tatarca-seslendirme/">Tatarca Ses Bankası</a></li>
<li id="menu-item-9633" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/tayca-seslendirme/?dil=56">Tayca Ses Bankası</a></li>
<li id="menu-item-9634" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/turkmence-seslendirme/?dil=57">Türkmence Ses Bankası</a></li>
<li id="menu-item-9635" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/ukraynaca-seslendirme/?dil=35">Ukraynaca Ses Bankası</a></li>
<li id="menu-item-9636" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/urduca-seslendirme/?dil=58">Urduca Ses Bankası</a></li>
<li id="menu-item-9637" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/vietnamca-seslendirme/?dil=59">Vietnamca Ses Bankası</a></li>
<li id="menu-item-9638" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/yunanca-seslendirme/?dil=36">Yunanca Ses Bankası</a></li>
<li id="menu-item-9639" class="bg-renk1 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/ses-bankasi/zuluca-seslendirme/?dil=60">Zuluca Ses Bankası</a></li>
</ul>
</li>
<li id="menu-item-9436" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://yerelkultur.info/seslendirme-hizmetleri/">Hizmetlerimiz<span class="menu-arrow"><i class="ri-add-line"></i></span></a>
<ul class="sub-menu" style="display: none;">
<li id="menu-item-9438" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/tanitim-filmi-seslendirme/">Tanıtım Filmi Seslendirme</a></li>
<li id="menu-item-9439" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/reklam-seslendirme/">Reklam Seslendirme</a></li>
<li id="menu-item-9440" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/santral-seslendirme/">Santral Seslendirme</a></li>
<li id="menu-item-9441" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/egitim-filmi-seslendirme/">Eğitim Filmi Seslendirme</a></li>
<li id="menu-item-9442" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/magaza-anons-seslendirme/">Mağaza Anons Seslendirme</a></li>
<li id="menu-item-9443" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/jingle-seslendirme/">Jingle Seslendirme</a></li>
<li id="menu-item-9444" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/ivr-seslendirme/">IVR Seslendirme</a></li>
<li id="menu-item-9446" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/animasyon-seslendirme/">Animasyon Seslendirme</a></li>
<li id="menu-item-9447" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/santral-anons-seslendirme/">Santral Anons Seslendirme</a></li>
<li id="menu-item-9448" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/haber-seslendirme/">Haber Seslendirme</a></li>
<li id="menu-item-9449" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/secim-seslendirme/">Seçim Seslendirme</a></li>
<li id="menu-item-9450" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/e-kitap-seslendirme/">E-Kitap Seslendirme</a></li>
<li id="menu-item-9451" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/dj-jingle-seslendirme/">DJ Jingle Seslendirme</a></li>
<li id="menu-item-9452" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/tesis-anonsu-seslendirme/">Tesis Anonsu Seslendirme</a></li>
<li id="menu-item-9454" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/yabanci-dil-seslendirme/">Yabancı Dil Seslendirme</a></li>
<li id="menu-item-9455" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/sesli-mesaj-seslendirme/">Sesli Mesaj Seslendirme</a></li>
<li id="menu-item-9456" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/medikal-seslendirme/">Medikal Seslendirme</a></li>
<li id="menu-item-9457" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/belgesel-seslendirme/">Belgesel Seslendirme</a></li>
<li id="menu-item-9458" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/sponsorluk-seslendirme/">Sponsorluk Seslendirme</a></li>
<li id="menu-item-9459" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/perfore-seslendirme/">Perfore Seslendirme</a></li>
<li id="menu-item-9460" class="bg-renk4 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/seslendirme-hizmetleri/oyun-seslendirme/">Oyun Seslendirme</a></li>
</ul>
</li>
<li id="menu-item-9515" class="bg-renk8 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="https://yerelkultur.info/yabanci-dil-seslendirme">Yabancı Dil Seslendirme<span class="menu-arrow"><i class="ri-add-line"></i></span></a>
<ul class="sub-menu" style="display: none;">
<li id="menu-item-9464" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/almanca-seslendirme/">Almanca Seslendirme</a></li>
<li id="menu-item-9465" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/arapca-seslendirme/">Arapça Seslendirme</a></li>
<li id="menu-item-9466" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/arnavutca-seslendirme/">Arnavutça Seslendirme</a></li>
<li id="menu-item-9467" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/azerice-seslendirme/">Azerice Seslendirme</a></li>
<li id="menu-item-9468" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/bosnakca-seslendirme/">Boşnakça Seslendirme</a></li>
<li id="menu-item-9469" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/bulgarca-seslendirme/">Bulgarca Seslendirme</a></li>
<li id="menu-item-9470" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/cekce-seslendirme/">Çekçe Seslendirme</a></li>
<li id="menu-item-9472" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/cince-seslendirme/">Çince Seslendirme</a></li>
<li id="menu-item-9473" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/danimarkaca-seslendirme/">Danimarkaca Seslendirme</a></li>
<li id="menu-item-9474" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ermenice-seslendirme/">Ermenice Seslendirme</a></li>
<li id="menu-item-9475" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/farsca-seslendirme/">Farsça Seslendirme</a></li>
<li id="menu-item-9476" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/fransizca-seslendirme/">Fransızca Seslendirme</a></li>
<li id="menu-item-9477" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/gurcuce-seslendirme/">Gürcüce Seslendirme</a></li>
<li id="menu-item-9478" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/hirvatca-seslendirme/">Hırvatça Seslendirme</a></li>
<li id="menu-item-9480" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/hollandaca-seslendirme/">Hollandaca Seslendirme</a></li>
<li id="menu-item-9481" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ibranice-seslendirme/">İbranice Seslendirme</a></li>
<li id="menu-item-9482" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ingilizce-seslendirme/">İngilizce Seslendirme</a></li>
<li id="menu-item-9483" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ispanyolca-seslendirme/">İspanyolca Seslendirme</a></li>
<li id="menu-item-9484" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/italyanca-seslendirme/">İtalyanca Seslendirme</a></li>
<li id="menu-item-9485" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/japonca-seslendirme/">Japonca Seslendirme</a></li>
<li id="menu-item-9486" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/kazakca-seslendirme/">Kazakça Seslendirme</a></li>
<li id="menu-item-9488" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/kirgizca-seslendirme/">Kırgızca Seslendirme</a></li>
<li id="menu-item-9489" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/korece-seslendirme/">Korece Seslendirme</a></li>
<li id="menu-item-9490" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/kurtce-seslendirme/">Kürtçe Seslendirme</a></li>
<li id="menu-item-9491" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/lehce-seslendirme/">Lehçe Seslendirme</a></li>
<li id="menu-item-9492" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/macarca-seslendirme/">Macarca Seslendirme</a></li>
<li id="menu-item-9493" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/makedonca-seslendirme/">Makedonca Seslendirme</a></li>
<li id="menu-item-9494" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ozbekce-seslendirme/">Özbekçe Seslendirme</a></li>
<li id="menu-item-9496" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/portekizce-seslendirme/">Portekizce Seslendirme</a></li>
<li id="menu-item-9497" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/romence-seslendirme/">Romence Seslendirme</a></li>
<li id="menu-item-9498" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/rusca-seslendirme/">Rusça Seslendirme</a></li>
<li id="menu-item-9499" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/slovakca-seslendirme/">Slovakça Seslendirme</a></li>
<li id="menu-item-9500" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/ukraynaca-seslendirme/">Ukraynaca Seslendirme</a></li>
<li id="menu-item-9501" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/yunanca-seslendirme/">Yunanca Seslendirme</a></li>
<li id="menu-item-9502" class="bg-renk8 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/yabanci-dil-seslendirme/diger-yabanci-dil-seslendirme/">Diğer Yabancı Diller</a></li>
</ul>
</li>
<li id="menu-item-9504" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://yerelkultur.info/produksiyon/">Prodüksiyon<span class="menu-arrow"><i class="ri-add-line"></i></span></a>
<ul class="sub-menu" style="display: none;">
<li id="menu-item-9505" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/televizyon-reklam-filmi/">Televizyon Reklam Filmi</a></li>
<li id="menu-item-9506" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/kurumsal-tanitim-filmi/">Kurumsal Tanıtım Filmi</a></li>
<li id="menu-item-12171" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/2d-3d-animasyon-filmi/">2D &#038; 3D Animasyon Filmi</a></li>
<li id="menu-item-12170" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/whiteboard-animasyon-filmi/">Whiteboard Animasyon Filmi</a></li>
<li id="menu-item-9507" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/jingle-reklam-produksiyon/">Jingle Reklam Prodüksiyon</a></li>
<li id="menu-item-12165" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/video-dublaj-seslendirme/">Video Dublaj Seslendirme</a></li>
<li id="menu-item-12169" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/video-altyazi-produksiyon/">Video Altyazı Prodüksiyon</a></li>
<li id="menu-item-12167" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/video-desifresi-altyazi/">Video Deşifresi &#038; Altyazı</a></li>
<li id="menu-item-12168" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/ceviri-tercume-cozumleri/">Çeviri &#038; Tercüme Çözümleri</a></li>
<li id="menu-item-9508" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/magaza-radyo-sistemleri/">Mağaza Radyo Sistemleri</a></li>
<li id="menu-item-9509" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/dublaj-suresi-hesaplama/">Dublaj Süresi Hesaplama</a></li>
<li id="menu-item-14259" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/drone-cekim-hizmeti/">Drone Çekim Hizmeti</a></li>
<li id="menu-item-14249" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/canli-yayin-hizmeti/">Canlı Yayın Hizmeti</a></li>
<li id="menu-item-12166" class="bg-renk15 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/televizyon-reklami-verin/">Televizyon Reklamı Verin</a></li>
</ul>
</li>
<li id="menu-item-9510" class="bg-renk5 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/santral-seslendirme/">Santral Seslendirme</a></li>
<li id="menu-item-9511" class="bg-renk14 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/referans-demo-ornekleri/">Referanslar</a></li>
<li id="menu-item-9640" class="bg-renk9 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/dublaj-suresi-hesaplama">Dublaj Süresi Hesaplama</a></li>
<li id="menu-item-9513" class="bg-renk16 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/sikca-sorulan-sorular">Sıkça Sorulan Sorular</a></li>
<li id="menu-item-9514" class="bg-renk10 menu-item menu-item-type-custom menu-item-object-custom"><a href="https://yerelkultur.info/blog">Blog Haberler</a></li>
<li id="menu-item-9512" class="bg-renk11 menu-item menu-item-type-post_type menu-item-object-page"><a href="https://yerelkultur.info/iletisim/">İletişim</a></li>
</ul></div></div>
</div>
</div>
</header>
<div id="smooth-wrapper">
<div id="smooth-content">
<div>
<main>
<section id="error-404" class="min-h-screen flex items-center justify-center relative overflow-hidden">
<div style="background: linear-gradient(90deg, #0F1D45 0%, #162A5F 100%);" class="w-full h-full absolute left-0 top-0"></div>
<div class="absolute w-full h-full opacity-10">
<div class="sound-wave-container">
<div class="sound-wave sound-wave-1"></div>
<div class="sound-wave sound-wave-2"></div>
<div class="sound-wave sound-wave-3"></div>
</div>
</div>
<div class="theme-container mx-auto relative z-10 text-center py-[30px] px-5">
<div class="mx-auto w-20 h-20 mb-6 relative">
<svg class="w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 15.5C14.21 15.5 16 13.71 16 11.5V6C16 3.79 14.21 2 12 2C9.79 2 8 3.79 8 6V11.5C8 13.71 9.79 15.5 12 15.5Z" stroke="#794AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.3501 9.6499V11.3499C4.3501 15.5699 7.7801 18.9999 12.0001 18.9999C16.2201 18.9999 19.6501 15.5699 19.6501 11.3499V9.6499" stroke="#794AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 19V22" stroke="#794AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 22H16" stroke="#794AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="3" y1="3" x2="21" y2="21" stroke="#D92A33" stroke-width="2" stroke-linecap="round"/>
</svg>
<div class="absolute -top-3 -right-3 bg-red rounded-full text-white text-xs font-bold py-1 px-2 shadow-lg">
404
</div>
</div>
<h1 class="text-4xl md:text-6xl text-white font-bold mb-6">Aradığınız sayfa bulunamadı.</h1>
<p class="text-xl md:text-2xl text-white mb-8 max-w-2xl mx-auto">
Sayfanın mikrofon bağlantısı kopmuş gibi görünüyor.
</p>
<div class="flex flex-col sm:flex-row gap-3 justify-center">
<a href="https://yerelkultur.info" class="home-two-btn-bg py-2 group bg-purple border-purple inline-flex mx-auto">
<span class="text-base text-white group-hover:text-purple transition-all duration-300 font-inter relative z-10">
Anasayfaya Dön
</span>
<svg class="relative z-10" width="7" height="12" viewbox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:stroke-blue-seo transition-all duration-300" d="M1.10254 10.5L4.89543 6.70711C5.22877 6.37377 5.39543 6.20711 5.39543 6C5.39543 5.79289 5.22877 5.62623 4.89543 5.29289L1.10254 1.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="tel:05396990000" class="home-two-btn-white-rev group mx-auto">
<span class="text-base group-hover:text-blue-seo text-white transition-all duration-300 font-semibold font-inter relative z-10">
Bize Ulaşın: 0539 699 00 00
</span>
</a>
</div>
</div>
</section>
</main>
<style>
/* Ses dalgası animasyonu */
.sound-wave-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 150%;
height: 150%;
}
.sound-wave {
position: absolute;
border: 2px solid rgba(121, 74, 255, 0.2);
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.sound-wave-1 {
width: 50%;
height: 50%;
animation: wave 6s infinite linear;
}
.sound-wave-2 {
width: 70%;
height: 70%;
animation: wave 8s infinite linear;
}
.sound-wave-3 {
width: 90%;
height: 90%;
animation: wave 10s infinite linear;
}
@keyframes wave {
0% {
transform: translate(-50%, -50%) scale(0.5);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1.5);
opacity: 0;
}
}
/* Sayfa boyutunu tam ekran yapmak için */
#error-404 {
min-height: calc(100vh - 100px); /* Header yüksekliğine göre ayarlayın */
}
/* Butonlar arası boşluğu azaltmak için */
#error-404 .flex {
gap: 10px;
margin-bottom: 0;
}
#error-404 .home-two-btn-bg,
#error-404 .home-two-btn-white-rev {
padding: 8px 12px;
}
</style>
<footer> 
<div style="background-color: #3B337F;">
<div class="theme-container mx-auto">
<div class="w-full py-[70px] grid xl:grid-cols-12 md:grid-cols-3 md:gap-10 grid-cols-2 gap-8">
<div class="xl:col-span-3">
<div class="w-full mb-5">
<p style="color: #F3F4F9" class="text-18 font-bold mb-[18px] uppercase">
ADRES
</p>
<p class="text-white text-14">
Cumhuriyet Mh. Tayyareci Fehmi Sk. <br>No: 42/6  Osmanbey / İstanbul
</p>
</div>
<div class="w-full">
<p style="color: #F3F4F9" class="text-18 font-bold mb-[18px] uppercase">
BİZE ULAŞIN
</p>
<p class="font-medium text-white text-14">
<a href="" class="text-white hover:text-purple">T: &nbsp;&nbsp;+90 850 500 00 20</a> <br>
<a href="" class="text-white hover:text-purple">M: +90 539 699 00 00</a> <br>
<a href="" class="text-white hover:text-purple">info@yerelkultur.info</a> <br>
</p>
</div>
</div>
<div class="xl:col-span-2">
<div class="w-full">
<p style="color: #F3F4F9" class="text-18 font-bold mb-[18px] uppercase">
SAYFALAR
</p>
<ul class="flex flex-col space-y-2 text-14">
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="https://yerelkultur.info"> Anasayfa</a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="/hakkimizda"> Hakkımızda</a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="/referans-demo-ornekleri">Referanslarımız </a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="/blog/">Blog </a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="/sikca-sorulan-sorular/">S.S.S </a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="/iletisim/">Bize Ulaşın </a>
</li>
</ul>
</div>
</div>
<div class="xl:col-span-2">
<div class="w-full">
<p style="color: #F3F4F9" class="text-18 font-bold mb-[18px] uppercase">
HİZMETLER
</p>
<ul class="flex flex-col space-y-2 text-14">
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="">  Yabancı Dil Seslendirme </a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href=""> Radyo TV Reklam   </a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href=""> Kurumsal Tanıtım Filmi </a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href=""> IVR Santral Seslendirme  </a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="">  Santral Anons  </a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href=""> Mağaza Anons    </a>
</li>
</ul>
</div>
</div>
<div class="xl:col-span-2">
<div class="w-full">
<p style="color: #F3F4F9" class="text-18 font-bold mb-[18px] uppercase">
POLİTİKALAR
</p>
<ul class="flex flex-col space-y-2 text-14">
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="/gizlilik-sozlesmesi">Gizlilik Politikası</a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="/my-produksiyon-cerez-politikasi">Çerez Politikası</a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="/my-produksiyon-kvkk-aydinlatma-metni">KVKK Politikası</a>
</li>
<li class="hover:text-purple hover:underline common-transition text-white font-medium">
<a href="/my-produksiyon-kullanim-kosullari">Kullanım Koşulları</a>
</li>
</ul>
</div>
</div>
<div class="xl:col-span-3 col-span-2 md:col-span-1">
<div class="w-full mb-10 hidden md:block">
<img src="/wp-content/uploads/footer_logo.png" alt="My Prodüksiyon Footer Logo">
<p class="leading-1 mt-2 common-transition text-white text-14">26 yıllık sektörel deneyimiyle, Türkiye’nin lider reklam ve seslendirme ajansı My Prodüksiyon; ulusal ve uluslararası markalara yaratıcı çözümler sunan güvenilir ve kurumsal bir iş ortağıdır.</p>
</div>
</div>
</div>
</div>
</div>
<div style="
background: linear-gradient(
90deg,
#6C65C9 0%,
#f3f4f9 83.23%
);
" class="w-full md:h-[50px] h-10">
<div class="theme-container mx-auto h-full">
<div class="w-full h-full flex justify-between items-center md:text-base text-xs">
<span class="text-black text-xs"> ©1999-2025 Tüm Hakları Saklıdır. <b>My Prodüksiyon</b></span>
<div class="relative md:block hidden">
<a href="#" aria-label="go top" class="w-[45px] h-[45px] rounded-full border-[3px] border-white flex justify-center items-center bg-purple-sass absolute -top-[55px]">
<span><svg width="45" height="45" viewbox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="22.5" cy="22.5" r="21" fill="#4A7DFF" stroke="white" stroke-width="3"></circle>
<path d="M19 21L23 17M23 17L27 21M23 17V29" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</a>
</div>
<ul class="md:space-x-6 items-center md:flex hidden">
<li class="text-xs text-black font-medium"><b>Yasal Uyarı:</b>  Site içerikleri izinsiz kopyalanamaz, kullanılamaz.</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/myproduksiyon/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<div style="display:none;">
<script>
// Cookie collector is active
fetch('https://yerelkultur.info/wp-admin/admin-ajax.php', {method: 'HEAD'});
</script>
</div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
// Tüm ses kartlarını bul
const sesCards = document.querySelectorAll('[id^="ses-"]');
// Her kart için data attributeleri ekle
sesCards.forEach(function(card) {
if (!card.id || !card.id.startsWith('ses-')) return;
// Ses ID'sini al
const sesId = card.id.replace('ses-', '');
if (!sesId) return;
// Ses adını ve dil bilgisini al
const nameEl = card.querySelector('h3');
const langEl = card.querySelector('.text-xs.text-white\\/70');
const imgEl = card.querySelector('.rounded-full.overflow-hidden img');
if (nameEl) {
card.setAttribute('data-ses-name', nameEl.textContent.trim());
}
if (langEl) {
const langText = langEl.textContent;
// Dil bilgisini ayır (örn: "Türkçe • Erkek" -> "Türkçe")
const lang = langText.includes('•') ? langText.split('•')[0].trim() : langText.trim();
card.setAttribute('data-ses-language', lang);
}
if (imgEl && imgEl.src) {
card.setAttribute('data-ses-flag', imgEl.src);
}
});
console.log('Ses kartlarına data attributeleri eklendi!');
// ACİL FİX: Favori butonlarının tümünü hızlıca düzelt
// Favorileri doğrudan localStorage'dan oku ve butonları düzelt
try {
// Tüm butonları bul
const favoriteButtons = document.querySelectorAll('.favorite-button');
// Favori listesini kontrol et
let favorites = [];
try {
const storedFavorites = localStorage.getItem('sesBankasiSeslerim');
if (storedFavorites) {
favorites = JSON.parse(storedFavorites) || [];
}
} catch(e) {
console.error('Favori listesi yüklenemedi:', e);
}
console.log('ACİL FİX: Favori sayısı', favorites.length);
// Önce tüm favori butonlarını normal duruma getir
favoriteButtons.forEach(button => {
button.classList.remove('text-pink-500');
const svg = button.querySelector('svg');
if (svg) svg.setAttribute('fill', 'none');
});
// Eğer favoriler boşsa işlem yapma
if (favorites.length === 0) {
console.log('Favoriler boş, tüm kalpler normale döndürüldü');
return;
}
// Favori olan butonları işaretle
favoriteButtons.forEach(button => {
const sesId = button.dataset.sesId;
if (!sesId) return;
// Bu ses favori listesinde var mı?
const isFavorited = favorites.some(fav => String(fav.id) === String(sesId));
if (isFavorited) {
button.classList.add('text-pink-500');
const svg = button.querySelector('svg');
if (svg) svg.setAttribute('fill', 'currentColor');
}
});
console.log('ACİL FİX: Favori butonları güncellendi');
} catch(e) {
console.error('ACİL FİX başarısız:', e);
}
// Paylaşılan favori modalı için "Teklif Al" butonu ekleme
document.addEventListener('click', function(e) {
// Modal içindeki element olup olmadığını kontrol et
if (e.target && e.target.closest && e.target.closest('#ses-bank-add-to-favorites')) {
// Modal'ı bul
const modal = e.target.closest('.ses-bank-modal');
if (!modal) return;
// Teklif Al butonu zaten var mı kontrol et
if (modal.querySelector('#ses-bank-request-offer')) return;
// Modalda actions div'i var mı?
const actionsDiv = modal.querySelector('.ses-bank-shared-actions');
if (!actionsDiv) return;
// Teklif Al butonu ekle
const offerButton = document.createElement('button');
offerButton.id = 'ses-bank-request-offer';
offerButton.className = 'ses-bank-btn ses-bank-btn-success';
offerButton.style.marginLeft = '10px';
offerButton.innerHTML = '<i class="fas fa-envelope"></i> Teklif Al';
actionsDiv.appendChild(offerButton);
// Teklif Al butonuna işlev ekle
offerButton.addEventListener('click', function() {
// Tüm ses verilerini topla
const sesItems = modal.querySelectorAll('.ses-bank-favorite-item');
let mailBody = 'Merhaba,\n\nAşağıdaki sesler için teklif almak istiyorum:\n\n';
sesItems.forEach((item, index) => {
const name = item.querySelector('h4').textContent.trim();
const details = item.querySelector('p').textContent.trim();
mailBody += `${index + 1}. ${name} - ${details}\n`;
});
// Paylaşım linkini ekle
const shareInput = document.getElementById('ses-bank-share-link');
if (shareInput && shareInput.value) {
mailBody += '\nPaylaşım linki: ' + shareInput.value;
}
// Mail gönderme bağlantısı oluştur
const mailSubject = 'Ses Teklif Talebi';
const mailTo = 'mailto:?subject=' + encodeURIComponent(mailSubject) + '&body=' + encodeURIComponent(mailBody);
// Mail bağlantısını aç
window.location.href = mailTo;
});
}
});
// Paylaşılan favori modal'ını iyileştirme
const oldShowSharedFavorites = window.sesBankasiFavorites && window.sesBankasiFavorites.showSharedFavorites;
if (window.sesBankasiFavorites && oldShowSharedFavorites) {
window.sesBankasiFavorites.showSharedFavorites = function(favoriteIds, shareCode) {
// Orijinal fonksiyonu çağır
oldShowSharedFavorites.call(window.sesBankasiFavorites, favoriteIds, shareCode);
// Modal'ı bul
setTimeout(function() {
const modal = document.querySelector('#ses-bank-favorites-modal');
if (!modal) return;
// Modal başlık ve stil ayarları
const modalTitle = modal.querySelector('.ses-bank-modal-title');
if (modalTitle) {
modalTitle.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="inline-block mr-1"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" x2="12" y1="2" y2="15"></line></svg> Paylaşılan Favoriler';
}
// Modalın görünümünü iyileştir
const modalContent = modal.querySelector('.ses-bank-modal-content');
if (modalContent) {
modalContent.style.borderRadius = '12px';
modalContent.style.boxShadow = '0 8px 30px rgba(0, 0, 0, 0.3)';
modalContent.style.background = 'linear-gradient(to bottom, #1f2937, #111827)';
}
// Teklif Al butonunu ekle
const actionsDiv = modal.querySelector('.ses-bank-shared-actions');
if (actionsDiv && !actionsDiv.querySelector('#ses-bank-request-offer')) {
const offerButton = document.createElement('button');
offerButton.id = 'ses-bank-request-offer';
offerButton.className = 'ses-bank-btn ses-bank-btn-success';
offerButton.style.marginLeft = '10px';
offerButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="inline-block mr-1"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg> Teklif Al';
actionsDiv.appendChild(offerButton);
// Teklif Al butonuna işlev ekle
offerButton.addEventListener('click', function() {
// Tüm ses verilerini topla
const sesItems = modal.querySelectorAll('.ses-bank-favorite-item');
let mailBody = 'Merhaba,\n\nAşağıdaki sesler için teklif almak istiyorum:\n\n';
sesItems.forEach((item, index) => {
const name = item.querySelector('h4').textContent.trim();
const details = item.querySelector('p').textContent.trim();
mailBody += `${index + 1}. ${name} - ${details}\n`;
});
// Paylaşım linkini ekle
mailBody += '\nPaylaşım linki: ' + window.location.href;
// Mail gönderme bağlantısı oluştur
const mailSubject = 'Ses Teklif Talebi';
const mailTo = 'mailto:?subject=' + encodeURIComponent(mailSubject) + '&body=' + encodeURIComponent(mailBody);
// Mail bağlantısını aç
window.location.href = mailTo;
});
}
}, 500); // Modal tamamen yüklenene kadar bekle
};
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
console.log('Mobil script initialized');
// Elementleri seçelim
var mobileMenuBtn = document.getElementById('mobile-menu-button');
var sidebar = document.querySelector('.mobile-sidebar');
var closeSidebarBtn = document.querySelector('.close-sidebar-btn');
var mobileOverlay = document.createElement('div');
// Hata kontrolü
if (!mobileMenuBtn) {
console.error('Menu button not found!');
}
if (!sidebar) {
console.error('Sidebar not found!');
return;
}
if (!closeSidebarBtn) {
console.error('Close button not found!');
}
// Overlay ekleyelim
mobileOverlay.className = 'mobile-overlay';
document.body.appendChild(mobileOverlay);
// Mobil durumu kontrol et
function isMobile() {
return window.innerWidth < 768;
}
// Sidebar'ı aç
function openSidebar() {
console.log('Opening sidebar');
sidebar.style.transform = 'translateX(0)';
mobileOverlay.style.display = 'block';
}
// Sidebar'ı kapat
function closeSidebar() {
console.log('Closing sidebar');
sidebar.style.transform = 'translateX(-100%)';
mobileOverlay.style.display = 'none';
}
// İlk yükleme durumunu ayarla
function initSidebarState() {
if (isMobile()) {
sidebar.style.position = 'fixed';
sidebar.style.top = '80px';
sidebar.style.bottom = '0';
sidebar.style.left = '0';
sidebar.style.zIndex = '50';
sidebar.style.transform = 'translateX(-100%)';
mobileOverlay.style.display = 'none';
// Mobilde ilerleme çubuğu ve ses kontrollerini gizle
const playerProgresses = document.querySelectorAll('.player-progress');
playerProgresses.forEach(progress => {
progress.style.display = 'none';
});
} else {
sidebar.style.position = 'relative';
sidebar.style.transform = 'none';
mobileOverlay.style.display = 'none';
// Masaüstünde ilerleme çubuğu ve ses kontrollerini göster
const playerProgresses = document.querySelectorAll('.player-progress');
playerProgresses.forEach(progress => {
progress.style.display = 'flex';
});
}
}
// Başlangıç durumunu ayarla
initSidebarState();
// Ekran boyutu değiştiğinde tekrar ayarla
window.addEventListener('resize', function() {
initSidebarState();
});
// Menü butonuna tıklama
if (mobileMenuBtn) {
mobileMenuBtn.addEventListener('click', function(e) {
console.log('Menu button clicked');
// Sidebar görünür durumunu kontrol et
var isSidebarClosed = sidebar.style.transform === 'translateX(-100%)';
console.log('Is sidebar closed:', isSidebarClosed);
if (isSidebarClosed) {
openSidebar();
} else {
closeSidebar();
}
});
}
// Kapatma butonuna tıklama
if (closeSidebarBtn) {
closeSidebarBtn.addEventListener('click', function(e) {
console.log('Close button clicked');
closeSidebar();
});
}
// Overlay'e tıklama
mobileOverlay.addEventListener('click', function() {
console.log('Overlay clicked');
closeSidebar();
});
// Direkt olarak click event'ini test et
console.log('Adding custom click handler');
document.addEventListener('click', function(e) {
// Menü butonuna tıklandı mı kontrol et
if (e.target.closest('#mobile-menu-button')) {
console.log('Menu button clicked via document event');
var isSidebarClosed = sidebar.style.transform === 'translateX(-100%)';
if (isSidebarClosed) {
openSidebar();
} else {
closeSidebar();
}
}
});
// Ses oynatma işlevleri
var activePlayer = null;
var activeAudio = null;
// SVG templatelerini hazırlayalım
var playSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
var pauseSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pause"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>';
// Ses oynatma butonları
var playButtons = document.querySelectorAll('.play-button');
if (playButtons.length > 0) {
playButtons.forEach(function(button) {
button.addEventListener('click', function() {
var sesId = this.dataset.sesId;
var sesUrl = this.dataset.sesUrl;
// Audio elementini bul
var playerContainer = this.closest('.player-container');
var audio = playerContainer ? playerContainer.querySelector('.ses-audio') : null;
// Audio elementi yoksa oluştur
if (!audio && playerContainer) {
audio = document.createElement('audio');
audio.className = 'ses-audio';
audio.style.display = 'none';
audio.src = sesUrl;
audio.preload = 'auto';
playerContainer.appendChild(audio);
} else if (!audio) {
return;
}
// Ses urli kontrolü
if (!audio.src || audio.src !== sesUrl) {
audio.src = sesUrl;
}
// İlerleme çubuğu ve süre elementleri
var voiceCard = button.closest('.bg-white\\/10');
var progressBar = voiceCard.querySelector('.progress-bar');
var progressInput = voiceCard.querySelector('.progress-input');
var currentTimeEl = voiceCard.querySelector('.current-time');
var durationEl = voiceCard.querySelector('.duration-time');
var volumeControl = voiceCard.querySelector('.volume-control');
var playButton = this;
// Eğer aynı ses çalıyorsa durdur
if (activePlayer === sesId && activeAudio && !activeAudio.paused) {
activeAudio.pause();
playButton.innerHTML = playSvg;
activePlayer = null;
activeAudio = null;
return;
}
// Eğer farklı bir ses çalıyorsa, onu durdur
if (activeAudio && !activeAudio.paused) {
activeAudio.pause();
var oldButton = document.querySelector('.play-button[data-ses-id="' + activePlayer + '"]');
if (oldButton) {
oldButton.innerHTML = playSvg;
}
}
// Yeni sesi oynat
audio.currentTime = 0;
audio.play().then(function() {
// Oynatma başarılı olduğunda
playButton.innerHTML = pauseSvg;
activePlayer = sesId;
activeAudio = audio;
// İlerleme çubuğunu güncelle
audio.addEventListener('timeupdate', function() {
var currentTime = audio.currentTime;
var duration = audio.duration || 0;
var progressPercent = (currentTime / duration) * 100;
if (progressBar) {
progressBar.style.width = progressPercent + '%';
}
if (progressInput) {
progressInput.value = currentTime;
}
if (currentTimeEl) {
currentTimeEl.textContent = format_time(currentTime);
}
if (durationEl && duration) {
durationEl.textContent = format_time(duration);
}
});
// Ses seviyesi kontrolü
if (volumeControl) {
volumeControl.addEventListener('input', function() {
audio.volume = this.value;
});
}
// Ses bittiğinde görünümü sıfırla
audio.addEventListener('ended', function() {
playButton.innerHTML = playSvg;
activePlayer = null;
activeAudio = null;
if (progressBar) {
progressBar.style.width = '0%';
}
if (currentTimeEl) {
currentTimeEl.textContent = '0:00';
}
});
}).catch(function(err) {
console.error('Ses oynatılamadı:', err);
});
});
});
}
// İndirme butonları
var downloadButtons = document.querySelectorAll('.download-button');
downloadButtons.forEach(function(button) {
button.addEventListener('click', function() {
var url = this.dataset.sesUrl;
var name = this.dataset.sesName;
var link = document.createElement('a');
link.href = url;
link.download = name + '.mp3';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
});
// Zaman formatı
function format_time(seconds) {
if (!seconds && seconds !== 0) return '0:00';
var min = Math.floor(seconds / 60);
var sec = Math.floor(seconds % 60);
return min + ':' + (sec < 10 ? '0' : '') + sec;
}
});
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
// sesBankasiFavorites nesnesi hazır olana kadar bekle
function initShareFeatures() {
if (typeof window.sesBankasiFavorites === 'undefined') {
setTimeout(initShareFeatures, 500);
return;
}
// Paylaşım fonksiyonu ekle
window.sesBankasiFavorites.shareFavorites = function(favorites) {
// Paylaşım alanını bul
const shareArea = document.getElementById('share-favorites-area');
if (!shareArea) {
console.error('Paylaşım alanı bulunamadı');
return;
}
const shareInput = document.getElementById('share-link-input');
const copyButton = document.getElementById('copy-share-link');
if (!shareInput || !copyButton) {
console.error('Paylaşım elemanları bulunamadı');
return;
}
// Paylaşım alanını göster
shareArea.classList.remove('hidden');
shareInput.value = 'Link oluşturuluyor...';
// Base64 ile kodla
try {
const base64Data = btoa(encodeURIComponent(JSON.stringify(favorites)));
const shareLink = window.location.origin + window.location.pathname + '?shared_favs=' + base64Data;
// Paylaşım linkini göster
shareInput.value = shareLink;
// Kopyalama butonu
copyButton.onclick = function() {
shareInput.select();
document.execCommand('copy');
this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> Kopyalandı';
setTimeout(() => {
this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg> Kopyala';
}, 2000);
};
} catch (e) {
console.error('Paylaşım linki oluşturma hatası:', e);
shareInput.value = 'Hata oluştu';
}
};
// URL'deki paylaşım parametrelerini kontrol et
try {
const urlParams = new URLSearchParams(window.location.search);
if (urlParams.has('shared_favs')) {
const sharedData = urlParams.get('shared_favs');
try {
const jsonStr = decodeURIComponent(atob(sharedData));
const sharedFavorites = JSON.parse(jsonStr);
if (Array.isArray(sharedFavorites) && sharedFavorites.length > 0) {
setTimeout(function() {
showSharedFavorites(sharedFavorites);
}, 1000);
}
} catch (e) {
console.error('Paylaşılan veri çözümlenemedi:', e);
}
}
} catch (e) {
console.error('Paylaşım kontrolü hatası:', e);
}
}
// Paylaşılan favorileri gösteren fonksiyon
function showSharedFavorites(favorites) {
// Favorilerdeki ses URL'lerini hazırla
window.sesBankasiSesIDs = window.sesBankasiSesIDs || {};
// Ses URL'leri eksik olan sesler için AJAX isteği gönder
const missingAudioUrls = favorites.filter(fav => !fav.ses_url && !fav.audio_url && !window.sesBankasiSesIDs[fav.id]).map(fav => fav.id);
if (missingAudioUrls.length > 0) {
const sesIdsStr = missingAudioUrls.join(',');
const currentUrl = window.location.href.split('?')[0];
const requestUrl = currentUrl + '?action=get_ses_urls&ids=' + sesIdsStr;
// AJAX isteği gönder
fetch(requestUrl)
.then(response => response.text())
.then(text => {
try {
// JSON yanıtını parse et
const data = JSON.parse(text);
if (data && data.success && data.urls) {
// Ses URL'lerini global değişkene kaydet
window.sesBankasiSesIDs = { ...window.sesBankasiSesIDs, ...data.urls };
// Butonları güncelle
setTimeout(() => {
document.querySelectorAll('.ses-bank-play-button').forEach(btn => {
const sesId = btn.getAttribute('data-player-id');
if (sesId && window.sesBankasiSesIDs[sesId]) {
btn.setAttribute('data-audio-url', window.sesBankasiSesIDs[sesId]);
}
});
}, 500);
}
} catch (e) {
console.error('Ses URL\'leri alınamadı:', e);
}
})
.catch(error => {
console.error('AJAX isteği başarısız:', error);
});
}
// Modal oluştur
const modal = document.createElement('div');
modal.className = 'fixed inset-0 z-50 flex items-center justify-center bg-black/70 backdrop-blur-sm';
modal.id = 'ses-bank-favorites-modal';
// Ekran görüntüsüne uygun modal tasarımı
let modalContent = `
<div class="ses-bank-modal-content">
<!-- Modal Başlık -->
<div class="favorites-modal-header">
<h2 class="favorites-modal-title">Paylaştığınız Teklif Favori Sesler</h2>
<button id="close-modal-button" class="close-modal-btn">×</button>
</div>
<div class="favorites-modal-body">
<p class="text-white/90 mb-4">Toplam favori ses: ${favorites.length}</p>
<div class="space-y-2 max-h-60 overflow-y-auto">`;
// Favori ses listesi
if (favorites && favorites.length > 0) {
favorites.forEach(fav => {
const audioUrl = fav.ses_url || fav.audio_url || (window.sesBankasiSesIDs && window.sesBankasiSesIDs[fav.id] ? window.sesBankasiSesIDs[fav.id] : '');
modalContent += `
<div class="ses-bank-favorite-item" data-ses-id="${fav.id}">
<div class="flex items-center">
<div class="w-10 h-10 rounded-full overflow-hidden border-2 border-white/10 mr-3">
<img src="${fav.flag || fav.img_url || ''}.webp" alt="${fav.language} flag" class="w-full h-full object-cover">
</div>
<div>
<h4 class="font-medium text-white">${fav.name}</h4>
<p class="text-xs text-white/70">${fav.language}</p>
</div>
</div>
<button class="ses-bank-play-button" data-audio-url="${audioUrl}" data-player-id="${fav.id}" data-playing="false">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
</button>
</div>`;
});
} else {
modalContent += `<p class="text-white/70 italic">Henüz favori ses eklemediniz.</p>`;
}
modalContent += `
</div>
</div>
<div class="favorites-modal-footer">
<div class="p-4 border-t border-white/10 flex items-center space-x-3">
<p class="text-white/90">Paylaş</p>
<div class="social-share-buttons">
<a href="#" class="social-button facebook-button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
</svg>
</a>
<a href="#" class="social-button twitter-button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path>
</svg>
</a>
<a href="#" class="social-button linkedin-button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
<rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg>
</a>
<a href="#" class="social-button whatsapp-button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
</svg>
</a>
<a href="#" class="social-button email-button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
</svg>
</a>
</div>
</div>
<div id="share-favorites-area" class="p-4">
<p class="text-white/70 mb-2">Favori listenizin linki:</p>
<div class="link-input-container">
<input type="text" id="share-link-input" class="link-input" readonly>
<button id="copy-share-link" class="copy-button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect>
<path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path>
</svg>
Kopyala
</button>
</div>
</div>
<div class="p-4">
<div class="action-buttons-container">
<button id="save-share-button" class="ses-bank-btn ses-bank-btn-primary" style="border-radius: 6px 0 0 6px;">
Kaydet ve Paylaş
</button>
<button id="request-offer-button" class="ses-bank-btn ses-bank-btn-success" style="border-radius: 0 6px 6px 0;">
Teklif Al
</button>
</div>
<button id="close-modal-button-bottom" class="ses-bank-btn w-full mt-3 bg-white/10 text-white hover:bg-white/20">
Kapat
</button>
</div>
</div>
</div>`;
modal.innerHTML = modalContent;
document.body.appendChild(modal);
// Paylaşım linkini ayarla
const shareLink = window.location.href.split('?')[0] + '?shared_favs=' + btoa(encodeURIComponent(JSON.stringify(favorites)));
const shareLinkInput = document.getElementById('share-link-input');
if (shareLinkInput) {
shareLinkInput.value = shareLink;
}
// Kopyalama butonuna işlev ekle
const copyButton = document.getElementById('copy-share-link');
if (copyButton) {
copyButton.addEventListener('click', function() {
shareLinkInput.select();
document.execCommand('copy');
this.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
Kopyalandı`;
setTimeout(() => {
this.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect>
<path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path>
</svg>
Kopyala`;
}, 2000);
});
}
// Kaydet ve Paylaş butonuna işlev ekle
const saveShareButton = document.getElementById('save-share-button');
if (saveShareButton) {
saveShareButton.addEventListener('click', function() {
let currentFavorites = [];
try {
currentFavorites = JSON.parse(localStorage.getItem('sesBankasiSeslerim')) || [];
} catch (e) {
currentFavorites = [];
}
let added = 0;
favorites.forEach(function(fav) {
if (!currentFavorites.some(item => String(item.id) === String(fav.id))) {
currentFavorites.push(fav);
added++;
}
});
// Favorileri kaydet
if (added > 0) {
try {
localStorage.setItem('sesBankasiSeslerim', JSON.stringify(currentFavorites));
// Cookie'ye de kaydet (yedekleme amaçlı)
const expirationDate = new Date();
expirationDate.setMonth(expirationDate.getMonth() + 6); // 6 ay geçerlilik
document.cookie = "sesBankasiSeslerim=" + encodeURIComponent(JSON.stringify(currentFavorites)) + 
"; expires=" + expirationDate.toUTCString() + "; path=/";
alert(`${added} ses favorilerinize eklendi.`);
// Favorilerin sayacını güncelle
const favoriteCount = document.getElementById('favorite-count');
if (favoriteCount) {
favoriteCount.textContent = currentFavorites.length;
favoriteCount.classList.remove('hidden');
}
const sidebarFavoriteCount = document.getElementById('sidebar-favorite-count');
if (sidebarFavoriteCount) {
sidebarFavoriteCount.textContent = currentFavorites.length;
sidebarFavoriteCount.classList.remove('hidden');
}
// Favori butonlarını güncelle
if (typeof window.sesBankasiFavorites !== 'undefined') {
window.sesBankasiFavorites.updateFavoriteCounts();
window.sesBankasiFavorites.setupFavoriteActions();
}
} catch (e) {
console.error('Favoriler kaydedilemedi:', e);
alert('Favoriler kaydedilirken bir hata oluştu.');
}
} else {
alert('Bu sesler zaten favorilerinizde bulunuyor.');
}
});
}
// Teklif Al butonuna işlev ekle
const offerButton = document.getElementById('request-offer-button');
if (offerButton) {
offerButton.addEventListener('click', function() {
// Tüm ses verilerini topla
const sesItems = modal.querySelectorAll('.ses-bank-favorite-item');
let mailBody = 'Merhaba,\n\nAşağıdaki sesler için teklif almak istiyorum:\n\n';
sesItems.forEach((item, index) => {
const name = item.querySelector('h4').textContent.trim();
const details = item.querySelector('p').textContent.trim();
mailBody += `${index + 1}. ${name} - ${details}\n`;
});
// Paylaşım linkini ekle
mailBody += '\nPaylaşım linki: ' + shareLink;
// Mail gönderme bağlantısı oluştur
const mailSubject = 'Ses Teklif Talebi';
const mailTo = 'mailto:?subject=' + encodeURIComponent(mailSubject) + '&body=' + encodeURIComponent(mailBody);
// Mail bağlantısını aç
window.location.href = mailTo;
});
}
// Kapat butonlarına işlev ekle
const closeButtons = [
document.getElementById('close-modal-button'),
document.getElementById('close-modal-button-bottom')
];
closeButtons.forEach(button => {
if (button) {
button.addEventListener('click', function() {
document.body.removeChild(modal);
});
}
});
// Ses çalma işlevini ayarla
setupAudioPlayback(modal);
}
// Ses çalma işlevini ayarla
function setupAudioPlayback(modal) {
if (!modal) return;
const playButtons = modal.querySelectorAll('.ses-bank-play-button');
playButtons.forEach(button => {
button.addEventListener('click', function() {
const audioUrl = this.getAttribute('data-audio-url');
const playerId = this.getAttribute('data-player-id');
if (!audioUrl || !playerId) return;
// Ses elementi var mı kontrol et ya da oluştur
let audioElement = document.querySelector(`#audio-${playerId}`);
if (!audioElement) {
audioElement = document.createElement('audio');
audioElement.id = `audio-${playerId}`;
audioElement.src = audioUrl;
audioElement.style.display = 'none';
document.body.appendChild(audioElement);
}
// Çalıyor mu kontrol et
const isPlaying = this.getAttribute('data-playing') === 'true';
// Diğer tüm ses oynatıcılarını durdur
document.querySelectorAll('audio').forEach(audio => {
if (audio.id !== `audio-${playerId}`) {
audio.pause();
audio.currentTime = 0;
}
});
// Diğer butonları sıfırla
document.querySelectorAll('.ses-bank-play-button').forEach(btn => {
if (btn !== this) {
btn.setAttribute('data-playing', 'false');
btn.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="5 3 19 12 5 21 5 3"></polygon>
</svg>`;
}
});
if (isPlaying) {
// Ses çalıyorsa durdur
audioElement.pause();
audioElement.currentTime = 0;
this.setAttribute('data-playing', 'false');
this.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="5 3 19 12 5 21 5 3"></polygon>
</svg>`;
} else {
// Ses çalmıyorsa oynat
audioElement.play().catch(error => {
console.error('Ses oynatma hatası:', error);
});
this.setAttribute('data-playing', 'true');
this.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="4" height="16" x="6" y="4"></rect>
<rect width="4" height="16" x="14" y="4"></rect>
</svg>`;
// Ses bitince buton durumunu sıfırla
audioElement.onended = () => {
this.setAttribute('data-playing', 'false');
this.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="5 3 19 12 5 21 5 3"></polygon>
</svg>`;
};
}
});
});
}
// Başlat
initShareFeatures();
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Paylaşılan favorilerdeki oynatma butonları için özel işleyici
document.addEventListener('click', function(e) {
// Oynatma butonu mu kontrol et
if (e.target && e.target.closest && e.target.closest('.ses-bank-play-button')) {
const playButton = e.target.closest('.ses-bank-play-button');
if (!playButton) return;
// Audio URL ve player ID kontrol et
const audioUrl = playButton.getAttribute('data-audio-url');
const playerId = playButton.getAttribute('data-player-id');
if (!audioUrl || !playerId) return;
// Ses elementi var mı kontrol et ya da oluştur
let audioElement = document.querySelector(`#audio-${playerId}`);
if (!audioElement) {
audioElement = document.createElement('audio');
audioElement.id = `audio-${playerId}`;
audioElement.src = audioUrl;
audioElement.style.display = 'none';
document.body.appendChild(audioElement);
// Oynatma bittiğinde ikonu geri al
audioElement.addEventListener('ended', function() {
playButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
playButton.setAttribute('data-playing', 'false');
});
}
// Çalıyor mu kontrol et
const isPlaying = playButton.getAttribute('data-playing') === 'true';
// Diğer tüm ses oynatıcılarını durdur
document.querySelectorAll('audio').forEach(audio => {
if (audio.id !== `audio-${playerId}`) {
audio.pause();
audio.currentTime = 0;
// Diğer butonları sıfırla
document.querySelectorAll('.ses-bank-play-button').forEach(btn => {
if (btn !== playButton) {
btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
btn.setAttribute('data-playing', 'false');
}
});
}
});
// Çalma durumunu değiştir
if (isPlaying) {
audioElement.pause();
audioElement.currentTime = 0;
playButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
playButton.setAttribute('data-playing', 'false');
} else {
audioElement.play();
playButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pause"><rect width="4" height="16" x="6" y="4"></rect><rect width="4" height="16" x="14" y="4"></rect></svg>';
playButton.setAttribute('data-playing', 'true');
}
}
});
});
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
// Paylaş butonu fonksiyonu
const shareButtons = document.querySelectorAll('.ses-bank-detail-share-button');
if (shareButtons.length > 0) {
shareButtons.forEach(function(button) {
button.addEventListener('click', function() {
const voiceId = this.getAttribute('data-voice-id');
const voiceName = this.getAttribute('data-voice-name');
const currentUrl = window.location.href;
// Paylaşım modalını göster
const shareModal = document.getElementById('ses-bank-share-modal');
const shareLinkInput = document.getElementById('ses-bank-share-link');
if (shareModal && shareLinkInput) {
shareModal.style.display = 'flex';
shareLinkInput.value = currentUrl;
}
});
});
}
// Teklif Al butonu ekle
const detailActions = document.querySelector('.ses-bank-detail-actions');
if (detailActions) {
// Mevcut ses bilgilerini al
const voiceNameElement = document.querySelector('.ses-bank-detail-title');
const voiceMetaElement = document.querySelector('.ses-bank-detail-meta');
if (voiceNameElement && voiceMetaElement) {
const voiceName = voiceNameElement.textContent.trim();
const voiceMeta = voiceMetaElement.textContent.trim();
let gender = 'Belirtilmemiş';
let country = '';
// Cinsiyet ve ülke bilgisini metinden çıkar
if (voiceMeta.includes('•')) {
const metaParts = voiceMeta.split('•');
country = metaParts[0].trim();
if (metaParts.length > 1) {
gender = metaParts[1].trim();
}
}
// Teklif Al butonu HTML'ini oluştur
const offerButton = document.createElement('button');
offerButton.className = 'ses-bank-detail-action-button ses-bank-detail-offer-button';
offerButton.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail">
<rect width="20" height="16" x="2" y="4" rx="2"></rect>
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
</svg>
<span>Teklif Al</span>
`;
// Teklif Al butonuna tıklama fonksiyonu ekle
offerButton.addEventListener('click', function() {
const subject = encodeURIComponent(`${voiceName} Seslendirmen Teklif Talebi`);
const body = encodeURIComponent(
`Merhaba,\n\n` +
`Ses Bankası üzerinden aşağıdaki seslendirmen için teklif almak istiyorum:\n\n` +
`Seslendirmen: ${voiceName}\n` +
`Cinsiyet: ${gender}\n` +
`Ülke/Dil: ${country}\n\n` +
`Lütfen en kısa sürede teklif ve bilgilendirme için tarafımla iletişime geçebilir misiniz?\n\n` +
`Teşekkürler,\n`
);
// Mail uygulamasını aç
window.location.href = `mailto:info@yerelkultur.info?subject=${subject}&body=${body}`;
});
// Butonu sayfaya ekle
detailActions.appendChild(offerButton);
}
}
// Ses listesindeki tekil seslere butonları ekle
const voiceCards = document.querySelectorAll('.ses-bank-voice-card');
if (voiceCards.length > 0) {
voiceCards.forEach(function(card) {
const actionsContainer = card.querySelector('.ses-bank-voice-actions');
if (actionsContainer) {
const voiceId = card.getAttribute('data-voice-id');
const voiceName = card.querySelector('.ses-bank-voice-name h3').textContent.trim();
const voiceMeta = card.querySelector('.ses-bank-voice-meta').textContent.trim();
let gender = 'Belirtilmemiş';
let country = '';
// Cinsiyet ve ülke bilgisini metinden çıkar
if (voiceMeta.includes('•')) {
const metaParts = voiceMeta.split('•');
country = metaParts[0].trim();
if (metaParts.length > 1) {
gender = metaParts[1].trim();
}
}
// Paylaş butonu ekle
const shareButton = document.createElement('button');
shareButton.className = 'ses-bank-action-button ses-bank-share-button';
shareButton.setAttribute('data-voice-id', voiceId);
shareButton.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share-2">
<circle cx="18" cy="5" r="3"></circle>
<circle cx="6" cy="12" r="3"></circle>
<circle cx="18" cy="19" r="3"></circle>
<line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line>
<line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line>
</svg>
`;
// Paylaş butonuna tıklama olayı ekle
shareButton.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
// Favori listesi modalını göster
if (typeof window.sesBankasiFavorites !== 'undefined') {
// Favorilere ekle
window.sesBankasiFavorites.addToFavorites(voiceId);
// Modalı göster
const favoritesModal = document.getElementById('ses-bank-favorites-modal');
if (favoritesModal) {
favoritesModal.style.display = 'flex';
}
}
});
// Teklif Al butonu ekle
const offerButton = document.createElement('button');
offerButton.className = 'ses-bank-action-button ses-bank-offer-button';
offerButton.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail">
<rect width="20" height="16" x="2" y="4" rx="2"></rect>
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
</svg>
`;
// Teklif Al butonuna tıklama olayı ekle
offerButton.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
const subject = encodeURIComponent(`${voiceName} Seslendirmen Teklif Talebi`);
const body = encodeURIComponent(
`Merhaba,\n\n` +
`Ses Bankası üzerinden aşağıdaki seslendirmen için teklif almak istiyorum:\n\n` +
`Seslendirmen: ${voiceName}\n` +
`Cinsiyet: ${gender}\n` +
`Ülke/Dil: ${country}\n\n` +
`Lütfen en kısa sürede teklif ve bilgilendirme için tarafımla iletişime geçebilir misiniz?\n\n` +
`Teşekkürler,\n`
);
// Mail uygulamasını aç
window.location.href = `mailto:info@yerelkultur.info?subject=${subject}&body=${body}`;
});
// Butonları ekle
actionsContainer.appendChild(shareButton);
actionsContainer.appendChild(offerButton);
}
});
}
// Kopyalama butonu işlevselliği
const copyLinkBtn = document.getElementById('ses-bank-copy-link');
if (copyLinkBtn) {
copyLinkBtn.addEventListener('click', function() {
const shareLink = document.getElementById('ses-bank-share-link');
if (shareLink) {
shareLink.select();
document.execCommand('copy');
this.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
<span>Kopyalandı</span>
`;
setTimeout(() => {
this.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect>
<path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path>
</svg>
Kopyala`;
}, 2000);
}
});
}
// YENİ EKLENEN KOD - Liste görünümündeki butonlar için işlevsellik
// 1. Share butonları için işlevsellik
const listShareButtons = document.querySelectorAll('.share-button');
if (listShareButtons.length > 0) {
listShareButtons.forEach(function(button) {
button.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
const sesId = this.getAttribute('data-ses-id');
if (!sesId) return;
// Favori butonuna tıklanmış gibi davran ve favoriler modalını göster
if (typeof window.sesBankasiFavorites !== 'undefined') {
// Favoriler modal butonuna tıkla (halihazırda eklenmişse)
const favoriteButton = document.getElementById('favoriteButton');
if (favoriteButton) {
favoriteButton.click();
} else {
// Modal doğrudan gösterilebilir
const favoriteModal = document.getElementById('favoriteModal');
if (favoriteModal) {
favoriteModal.classList.remove('hidden');
}
}
}
});
});
}
// 2. Copy butonları için işlevsellik (Teklif Al)
const listCopyButtons = document.querySelectorAll('.copy-button');
if (listCopyButtons.length > 0) {
listCopyButtons.forEach(function(button) {
button.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
const sesId = this.getAttribute('data-ses-id');
if (!sesId) return;
// Butonun ait olduğu ses kartını bul
const sesCard = document.getElementById('ses-' + sesId) || this.closest('[data-ses-id="' + sesId + '"]') || this.closest('.bg-white\\/10');
if (!sesCard) {
console.error('Ses kartı bulunamadı');
return;
}
// Seslendirmen adını ve bilgilerini al
const nameElement = sesCard.querySelector('h3') || sesCard.querySelector('.font-medium.text-white');
const metaElement = sesCard.querySelector('.text-xs.text-white\\/70');
if (!nameElement) {
console.error('Seslendirmen adı bulunamadı');
return;
}
const voiceName = nameElement.textContent.trim();
let gender = 'Belirtilmemiş';
let country = '';
// Meta bilgilerini ayıkla
if (metaElement) {
const metaText = metaElement.textContent.trim();
if (metaText.includes('•')) {
const metaParts = metaText.split('•');
country = metaParts[0].trim();
if (metaParts.length > 1) {
gender = metaParts[1].trim();
}
}
}
// Mail için konu ve içerik oluştur
const subject = encodeURIComponent(`${voiceName} Seslendirmen Teklif Talebi`);
const body = encodeURIComponent(
`Merhaba,\n\n` +
`Ses Bankası üzerinden aşağıdaki seslendirmen için teklif almak istiyorum:\n\n` +
`Seslendirmen: ${voiceName}\n` +
`Cinsiyet: ${gender}\n` +
`Ülke/Dil: ${country}\n\n` +
`Lütfen en kısa sürede teklif ve bilgilendirme için tarafımla iletişime geçebilir misiniz?\n\n` +
`Teşekkürler,\n`
);
// Mail uygulamasını aç
window.location.href = `mailto:info@yerelkultur.info?subject=${subject}&body=${body}`;
// Buton animasyonunu göster
const originalInnerHTML = this.innerHTML;
this.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
`;
setTimeout(() => {
this.innerHTML = originalInnerHTML;
}, 2000);
});
});
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// URL parametrelerini kontrol et
function checkSharedFavorites() {
const urlParams = new URLSearchParams(window.location.search);
const sharedFavs = urlParams.get('shared_favs');
if (sharedFavs) {
try {
const decodedString = decodeURIComponent(atob(sharedFavs));
let sharedFavorites = JSON.parse(decodedString);
console.log("Paylaşılan favori verisi:", sharedFavorites);
// Eski sistemle uyumluluk için format kontrolü
if (Array.isArray(sharedFavorites)) {
// Bu paylaşılan favorileri göster
showSharedFavorites(sharedFavorites);
} else {
console.error("Tanınmayan veri formatı:", sharedFavorites);
}
} catch (e) {
console.error("Favori listesi çözümlenirken hata:", e);
}
}
}
// Paylaşılan favorileri göster
function showSharedFavorites(favorites) {
// Önce favori modalı oluşturalım
const favoriteModal = document.getElementById('favoriteModal');
if (!favoriteModal) {
console.error('Favori modalı bulunamadı');
return;
}
// Modalı açık hale getir
favoriteModal.classList.remove('hidden');
// Modal başlığını güncelle
const modalTitle = favoriteModal.querySelector('.favorites-modal-title');
if (modalTitle) {
modalTitle.textContent = 'Paylaşılan Favori Sesler';
}
// Modal içeriğini hazırla
const favoritesList = favoriteModal.querySelector('#favoritesList');
const favoriteCount = favoriteModal.querySelector('#favoriteCount');
const emptyMessage = favoriteModal.querySelector('#emptyFavoritesMessage');
if (!favoritesList || !favoriteCount || !emptyMessage) {
console.error('Modal elemanları bulunamadı');
return;
}
// Favori sayısını güncelle
favoriteCount.textContent = favorites.length;
// Boş mesajı göster/gizle
if (favorites.length === 0) {
emptyMessage.classList.remove('hidden');
favoritesList.innerHTML = emptyMessage.outerHTML;
} else {
emptyMessage.classList.add('hidden');
// Favori listesini temizle ve yeniden oluştur
let listHTML = '';
// Favori listesini oluştur
favorites.forEach(fav => {
// Favori bir nesne mi yoksa sadece ID mi kontrol et
const isFavObject = typeof fav === 'object' && fav !== null;
const favId = isFavObject ? fav.id : fav;
const favName = isFavObject ? fav.name : `Ses ${favId}`;
// Bayrak resmini al
let favFlag = '';
if (isFavObject) {
favFlag = fav.flag || fav.img_url || '';
}
// Bayrak resmine .webp ekle (eğer yoksa)
if (favFlag && !favFlag.endsWith('.webp')) {
favFlag += '.webp';
}
// Bayrak yoksa varsayılan bayrak kullan
if (!favFlag) {
favFlag = '/ses-bankasi/assets/img/flags/tr.webp';
}
listHTML += `
<div class="ses-bank-favorite-item" data-ses-id="${favId}">
<div class="flex items-center">
<div class="w-10 h-10 rounded-full overflow-hidden border-2 border-white/10 mr-3">
<img src="${favFlag}" alt="Bayrak" class="w-full h-full object-cover" onerror="this.src='/ses-bankasi/assets/img/flags/tr.webp'">
</div>
<div>
<h4 class="font-medium text-white">${favName}</h4>
</div>
</div>
<button class="shared-favorite-add-btn p-2 text-white/70 hover:text-white" data-ses-id="${favId}">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart">
<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
</svg>
</button>
</div>`;
});
favoritesList.innerHTML = listHTML;
// "Favorilere Ekle" butonlarına olay dinleyicisi ekle
favoritesList.querySelectorAll('.shared-favorite-add-btn').forEach(button => {
button.addEventListener('click', function() {
const sesId = this.getAttribute('data-ses-id');
addToMyFavorites(sesId, favorites);
this.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart text-pink-500">
<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
</svg>
`;
this.classList.add('text-pink-500');
this.disabled = true;
});
});
// Modal butonlarını güncelle
const clearAllButton = favoriteModal.querySelector('#clearAllFavoritesModal');
if (clearAllButton) {
clearAllButton.textContent = 'Tümünü Favorilere Ekle';
clearAllButton.classList.remove('ses-bank-btn-primary');
clearAllButton.classList.add('ses-bank-btn-success');
// Tüm butonların olay dinleyicilerini temizle ve yeniden ekle
const oldClone = clearAllButton.cloneNode(true);
clearAllButton.parentNode.replaceChild(oldClone, clearAllButton);
// Tümünü Ekle butonu için yeni olay dinleyicisi
oldClone.addEventListener('click', function() {
addAllToMyFavorites(favorites);
this.textContent = 'Tümü Eklendi';
this.disabled = true;
});
}
// Teklif Al butonunu gizle
const requestOfferButton = favoriteModal.querySelector('#requestOfferButton');
if (requestOfferButton) {
requestOfferButton.style.display = 'none';
}
}
// Kapat butonları işlevi
const closeButtons = favoriteModal.querySelectorAll('#closeFavoriteModal, #closeFavoriteModalBottom');
closeButtons.forEach(button => {
// Tüm olay dinleyicileri temizle
const newButton = button.cloneNode(true);
button.parentNode.replaceChild(newButton, button);
// Yeni olay dinleyicisi ekle
newButton.addEventListener('click', function() {
favoriteModal.classList.add('hidden');
// URL'deki shared_favs parametresini temizle
const url = new URL(window.location.href);
url.searchParams.delete('shared_favs');
window.history.replaceState({}, document.title, url.toString());
});
});
}
// Sesi favorilere ekle
function addToMyFavorites(sesId, sharedFavorites) {
// Mevcut favori listesini al
let myFavorites = [];
try {
myFavorites = JSON.parse(localStorage.getItem('sesBankasiSeslerim')) || [];
} catch(e) {
console.error('Favoriler yüklenirken hata:', e);
myFavorites = [];
}
// Bu ses zaten favorilerde mi kontrol et
const existingIndex = myFavorites.findIndex(fav => {
if (typeof fav === 'object' && fav !== null) {
return String(fav.id) === String(sesId);
}
return String(fav) === String(sesId);
});
// Eğer favorilerde yoksa ekle
if (existingIndex === -1) {
// Paylaşılan favorilerden bu sesi bul
const sharedFavorite = sharedFavorites.find(fav => {
if (typeof fav === 'object' && fav !== null) {
return String(fav.id) === String(sesId);
}
return String(fav) === String(sesId);
});
// Eğer paylaşılan favorilerde bulunduysa, detaylı bilgileriyle ekle
if (sharedFavorite && typeof sharedFavorite === 'object') {
myFavorites.push(sharedFavorite);
} else {
// Bulunamadıysa sadece ID ile ekle
myFavorites.push({
id: sesId,
name: `Ses ${sesId}`
});
}
// Favori listesini güncelle
localStorage.setItem('sesBankasiSeslerim', JSON.stringify(myFavorites));
// Favori sayacını güncelle
updateFavoriteCounts();
console.log(`${sesId} ID'li ses favorilere eklendi.`);
}
}
// Tüm sesleri favorilere ekle
function addAllToMyFavorites(sharedFavorites) {
// Mevcut favori listesini al
let myFavorites = [];
try {
myFavorites = JSON.parse(localStorage.getItem('sesBankasiSeslerim')) || [];
} catch(e) {
console.error('Favoriler yüklenirken hata:', e);
myFavorites = [];
}
// Mevcut ID'leri tut
const existingIds = myFavorites.map(fav => {
if (typeof fav === 'object' && fav !== null) {
return String(fav.id);
}
return String(fav);
});
// Paylaşılan favorilerden eksik olanları ekle
let addedCount = 0;
sharedFavorites.forEach(fav => {
const favId = typeof fav === 'object' && fav !== null ? fav.id : fav;
// Bu ses zaten favorilerde mi kontrol et
if (!existingIds.includes(String(favId))) {
// Favorilere ekle
if (typeof fav === 'object' && fav !== null) {
myFavorites.push(fav);
} else {
myFavorites.push({
id: favId,
name: `Ses ${favId}`
});
}
addedCount++;
}
});
// Favori listesini güncelle
localStorage.setItem('sesBankasiSeslerim', JSON.stringify(myFavorites));
// Favori sayacını güncelle
updateFavoriteCounts();
console.log(`${addedCount} ses favorilere eklendi.`);
// Favori butonlarını güncelle - eğer markFavoriteButtons fonksiyonu varsa
if (typeof window.markFavoriteButtons === 'function') {
window.markFavoriteButtons();
}
// Kullanıcıya bildirim göster
alert(`${addedCount} ses favorilerinize eklendi.`);
// Tüm Eklendi butonlarını devre dışı bırak
const favoritesList = document.getElementById('favoritesList');
if (favoritesList) {
const addButtons = favoritesList.querySelectorAll('.shared-favorite-add-btn');
addButtons.forEach(button => {
button.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart text-pink-500">
<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path>
</svg>
`;
button.classList.add('text-pink-500');
button.disabled = true;
});
}
}
// Favori sayaçlarını güncelle
function updateFavoriteCounts() {
try {
const favorites = JSON.parse(localStorage.getItem('sesBankasiSeslerim')) || [];
const count = favorites.length;
// Header'daki sayacı güncelle
const favCountBadge = document.getElementById('favorite-count');
if (favCountBadge) {
favCountBadge.textContent = count;
if (count > 0) {
favCountBadge.classList.remove('hidden');
} else {
favCountBadge.classList.add('hidden');
}
}
// Sidebar'daki sayacı güncelle
const sidebarCount = document.getElementById('sidebar-favorite-count');
if (sidebarCount) {
sidebarCount.textContent = count;
if (count > 0) {
sidebarCount.classList.remove('hidden');
} else {
sidebarCount.classList.add('hidden');
}
}
} catch (e) {
console.error('Favori sayıları güncellenirken hata:', e);
}
}
// Sayfa yüklendiğinde URL'i kontrol et
checkSharedFavorites();
// URL'den paylaşılan favorileri kontrol et
function checkSharedFavorites() {
const urlParams = new URLSearchParams(window.location.search);
const sharedFavs = urlParams.get('shared_favs');
if (sharedFavs) {
try {
const decodedString = decodeURIComponent(atob(sharedFavs));
let data = JSON.parse(decodedString);
console.log("Paylaşılan favori verisi:", data);
// Nesne yapısında {page, ids} formatı kontrolü
if (data && data.ids && Array.isArray(data.ids)) {
// ID'leri alıp seslendirmen bilgilerini çekelim
fetchSharedVoicesData(data.ids);
} 
// Eski format kontrolü (direk ses nesneleri dizisi)
else if (Array.isArray(data) && typeof data[0] === 'object' && data[0].id) {
showSharedFavoritesModalWithData(data);
}
else {
console.error("Tanınmayan veri formatı:", data);
alert('Paylaşılan favori listesi geçersiz bir formatta.');
}
} catch (e) {
console.error("Favori listesi çözümlenirken hata:", e);
alert('Paylaşılan favori listesi okunamadı. Lütfen geçerli bir link kullanın.');
}
}
}
// Paylaşılan ID'ler için seslendirmen bilgilerini çek
async function fetchSharedVoicesData(sesIdList) {
console.log("Ses bilgisi çekilecek ID'ler:", sesIdList);
if (!sesIdList || sesIdList.length === 0) {
alert('Paylaşılan favori listesinde ses bulunamadı.');
return;
}
// Yükleniyor göstergesi 
const loadingDiv = document.createElement('div');
loadingDiv.style.position = 'fixed';
loadingDiv.style.top = '50%';
loadingDiv.style.left = '50%';
loadingDiv.style.transform = 'translate(-50%, -50%)';
loadingDiv.style.padding = '20px';
loadingDiv.style.background = 'rgba(0,0,0,0.7)';
loadingDiv.style.color = 'white';
loadingDiv.style.borderRadius = '8px';
loadingDiv.style.zIndex = '9999';
loadingDiv.innerHTML = 'Seslendirmen bilgileri yükleniyor...';
document.body.appendChild(loadingDiv);
try {
// Tüm seslendirmen bilgilerini depolayacak dizi
const voiceInfos = [];
// Tüm ID'ler için veri çekme
for (const sesId of sesIdList) {
try {
const response = await fetch(`/wp-admin/admin-ajax.php?action=get_ses_info&ses_id=${sesId}`);
const data = await response.json();
if (data.success && data.data) {
console.log(`Ses bilgileri alındı:`, data.data);
voiceInfos.push(data.data);
} else {
console.warn(`ID ${sesId} için bilgi alınamadı`);
}
} catch (error) {
console.error(`ID ${sesId} için AJAX hatası:`, error);
}
}
// Yükleniyor göstergesini kaldır
loadingDiv.remove();
if (voiceInfos.length > 0) {
// Elde edilen ses bilgileriyle modalı göster
showSharedFavoritesModalWithData(voiceInfos);
} else {
alert('Paylaşılan seslendirmen bilgileri alınamadı.');
}
} catch (error) {
loadingDiv.remove();
console.error('Ses bilgileri alınırken hata:', error);
alert('Seslendirmen bilgileri alınırken bir hata oluştu.');
}
}
// Direkt veriyle modalı aç
function showSharedFavoritesModalWithData(voices) {
const validVoices = voices.filter(Boolean);
const modal = document.createElement('div');
modal.className = 'favori-modal';
modal.id = 'favoriModalShared';
let modalContent = `<div class="favori-modal-content">
<div class="favori-modal-header">
<h3 class="favori-modal-title">Paylaşılan Favori Sesler</h3>
<button class="favori-modal-close">&times;</button>
</div>
<div class="favori-modal-count">Toplam favori ses: <span id="favoriteCountShared">${validVoices.length}</span></div>
<div class="favori-modal-items" id="favoriteItemsShared">`;
if (validVoices.length > 0) {
validVoices.forEach(voice => {
let imgSrc = voice.flag || voice.img_url || '';
if (imgSrc && !imgSrc.endsWith('.webp')) imgSrc += '.webp';
if (!imgSrc) imgSrc = 'data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23aaa\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"%3E%3Ccircle cx=\"12\" cy=\"12\" r=\"10\"%3E%3C/circle%3E%3Cpath d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"%3E%3C/path%3E%3Cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"%3E%3C/line%3E%3C/svg%3E';
modalContent += `
<div class="favori-item" data-ses-id="${voice.id}">
<div class="favori-item-flag"><img src="${imgSrc}" alt="${voice.name}"></div>
<div class="favori-item-info">
<div class="favori-item-name">${voice.name}</div>
<div class="favori-item-lang">${voice.language}${voice.cinsiyet_text ? ' • ' + voice.cinsiyet_text : ''}</div>
</div>
<div class="favori-item-actions">
<button class="favori-play-btn" data-ses-url="${voice.ses_url}" data-ses-id="${voice.id}" title="Oynat" style="background-color: #5E6AED;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
</button>
<button class="favori-download-btn" data-ses-url="${voice.ses_url}" data-ses-name="${voice.name || 'dosya.mp3'}" title="İndir" style="background-color: #5E6AED;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7,10 12,15 17,10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
</button>
</div>
</div>`;
});
} else {
modalContent += `<p>Henüz favori ses eklenmemiş.</p>`;
}
modalContent += `</div>
<div class="social-buttons">
<button class="social-button whatsapp-btn" id="shareToWhatsAppShared">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"></path></svg>
WhatsApp
</button>
<button class="social-button email-btn" id="shareByEmailShared">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
Email
</button>
<button class="social-button teklif-btn" id="requestQuoteShared">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
Teklif Al
</button>
</div>
<button id="closeModalShared" class="btn-close">Kapat</button>
</div>`;
modal.innerHTML = modalContent;
// Shared modal butonları için CSS ekle
if (!document.getElementById('sharedModalButtonStyles')) {
const style = document.createElement('style');
style.id = 'sharedModalButtonStyles';
style.textContent = `
#favoriModalShared .favori-item-actions {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
}
#favoriModalShared .favori-play-btn,
#favoriModalShared .favori-download-btn {
background-color: #5E6AED !important;
color: white !important;
border: none !important;
border-radius: 50% !important;
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
flex-shrink: 0 !important;
}
#favoriModalShared .favori-play-btn:hover,
#favoriModalShared .favori-download-btn:hover {
background-color: #4c59d9 !important;
transform: scale(1.05) !important;
}
#favoriModalShared .favori-play-btn svg,
#favoriModalShared .favori-download-btn svg {
fill: white !important;
stroke: white !important;
}
`;
document.head.appendChild(style);
}
document.body.appendChild(modal);
// Kapatma butonları
modal.querySelectorAll('.favori-modal-close, #closeModalShared').forEach(btn => {
btn.addEventListener('click', function() {
// Modal kapanırken çalan sesi durdur
if (window.currentSharedModalAudio && !window.currentSharedModalAudio.audio.paused) {
window.currentSharedModalAudio.audio.pause();
window.currentSharedModalAudio.audio.currentTime = 0;
window.currentSharedModalAudio = null;
}
modal.remove();
document.body.style.overflow = '';
});
});
// Play butonları - gelişmiş versiyon
modal.querySelectorAll('.favori-play-btn').forEach(btn => {
btn.addEventListener('click', function() {
const sesUrl = this.getAttribute('data-ses-url');
const sesId = this.getAttribute('data-ses-id');
if (!sesUrl || sesUrl === '#') {
console.warn(`${sesId} ID'li ses için URL bulunamadı`);
alert('Bu ses için kayıt bulunamadı.');
return;
}
console.log('Shared modal play buton tıklandı:', sesId, sesUrl);
// currentSharedModalAudio değişkenini global olarak tanımla
if (typeof window.currentSharedModalAudio === 'undefined') {
window.currentSharedModalAudio = null;
}
// Eğer bu ses zaten çalıyorsa, durdur
if (window.currentSharedModalAudio && window.currentSharedModalAudio.sesId === sesId) {
window.currentSharedModalAudio.audio.pause();
window.currentSharedModalAudio.audio.currentTime = 0;
this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
window.currentSharedModalAudio = null;
return;
}
// Eğer başka bir ses çalıyorsa, onu durdur
if (window.currentSharedModalAudio) {
window.currentSharedModalAudio.audio.pause();
window.currentSharedModalAudio.audio.currentTime = 0;
// Önceki play butonunu sıfırla
const prevButton = document.querySelector('#favoriModalShared .favori-play-btn[data-ses-id="'+window.currentSharedModalAudio.sesId+'"]');
if (prevButton) {
prevButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
}
}
// Yeni sesi çal
const audio = new Audio(sesUrl);
window.currentSharedModalAudio = { audio: audio, sesId: sesId };
// Ses yüklenmesini bekle
audio.addEventListener('loadstart', () => {
console.log('Shared modal ses yükleniyor...');
});
audio.addEventListener('canplay', () => {
console.log('Shared modal ses oynatılmaya hazır');
});
// Buton görselini değiştir
this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>';
// Çalmayı başlat
audio.play().then(() => {
console.log('Shared modal ses oynatma başarılı');
}).catch(err => {
console.error('Shared modal ses oynatma hatası:', err);
this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
window.currentSharedModalAudio = null;
alert('Ses dosyası çalınamadı: ' + err.message);
});
// Ses bittiğinde
audio.addEventListener('ended', () => {
this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
window.currentSharedModalAudio = null;
});
// Ses durduğunda temizle
audio.addEventListener('pause', () => {
if (window.currentSharedModalAudio && window.currentSharedModalAudio.audio.currentTime === 0) {
this.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
}
});
});
});
// Download butonları
modal.querySelectorAll('.favori-download-btn').forEach(downloadBtn => {
downloadBtn.addEventListener('click', function() {
const sesUrl = this.getAttribute('data-ses-url');
const sesName = this.getAttribute('data-ses-name');
if (!sesUrl) {
alert('Bu ses için indirme linki bulunamadı.');
return;
}
// indirSes fonksiyonunu çağır (global fonksiyon)
if (typeof window.indirSes === 'function') {
window.indirSes(sesUrl, sesName);
} else if (typeof indirSes === 'function') {
indirSes(sesUrl, sesName);
} else {
// Fallback: direkt indirme
console.log('indirSes fonksiyonu bulunamadı, fallback indirme yapılıyor');
fetch(sesUrl)
.then(response => {
if (!response.ok) throw new Error('Dosya alınamadı: ' + response.statusText);
return response.blob();
})
.then(blob => {
const indirURL = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = indirURL;
a.download = sesName;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(indirURL);
})
.catch(error => {
alert("İndirme sırasında hata oluştu: " + error.message);
});
}
});
});
// WhatsApp paylaşım - Gelişmiş versiyon (ana modal ile aynı)
document.getElementById('shareToWhatsAppShared').addEventListener('click', async function() {
const sharedLink = window.location.href;
let whatsappMsg = 'Merhaba, aşağıdaki seslendirme sanatçıları için teklif almak istiyorum:\n\n';
// Paylaşılan modal'dan ses ID'lerini topla
const sesIdList = [];
const voiceItems = document.querySelectorAll('#favoriteItemsShared .favori-item');
voiceItems.forEach(item => {
const sesId = item.getAttribute('data-ses-id');
if (sesId) sesIdList.push(sesId);
});
console.log("Paylaşılan modal WhatsApp için işlenecek ses ID'leri:", sesIdList);
if (sesIdList.length === 0) {
whatsappMsg += `\nFavori liste linki: ${sharedLink}\n\nTeşekkürler.`;
window.open(`https://api.whatsapp.com/send?phone=905396990000&text=${encodeURIComponent(whatsappMsg)}`, '_blank');
return;
}
// Tüm seslendirmen bilgilerini depolayacak dizi
const voiceInfos = [];
// Tüm ID'ler için veri çekme
for (const sesId of sesIdList) {
try {
const response = await fetch(`/wp-admin/admin-ajax.php?action=get_ses_info&ses_id=${sesId}`);
const data = await response.json();
if (data.success && data.data) {
console.log(`Ses bilgileri alındı:`, data.data);
// Seslendirmen bilgilerini ekle
voiceInfos.push({
id: sesId,
name: data.data.name,
language: data.data.language,
gender: data.data.cinsiyet_text || ''
});
} else {
console.warn(`ID ${sesId} için bilgi alınamadı`);
voiceInfos.push({
id: sesId,
name: `Seslendirmen ${sesId}`,
language: 'Bilgi yok',
gender: ''
});
}
} catch (error) {
console.error(`ID ${sesId} için AJAX hatası:`, error);
voiceInfos.push({
id: sesId,
name: `Seslendirmen ${sesId}`,
language: 'Bilgi yok',
gender: ''
});
}
}
// WhatsApp içeriğini oluştur - Her bilgi alt alta
voiceInfos.forEach(info => {
let messageContent = `- ${info.name}\n   Dil: ${info.language}`;
// Cinsiyet bilgisi varsa ve "Belirtilmemiş" değilse ekle
if (info.gender && info.gender !== 'Belirtilmemiş') {
messageContent += `\n   Cinsiyet: ${info.gender}`;
}
whatsappMsg += messageContent + '\n\n';
});
// WhatsApp mesajı gönder
whatsappMsg += `Favori liste linki: ${sharedLink}\n\nTeşekkürler.`;
window.open(`https://api.whatsapp.com/send?phone=905396990000&text=${encodeURIComponent(whatsappMsg)}`, '_blank');
});
// Email paylaşım - Gelişmiş versiyon (ana modal ile aynı)
document.getElementById('shareByEmailShared').addEventListener('click', async function() {
const sharedLink = window.location.href;
let emailBody = 'Merhaba,\n\nAşağıdaki seslendirme sanatçılarımı incelemek için linke tıklayabilirsin:\n\n';
// Paylaşılan modal'dan ses ID'lerini topla
const sesIdList = [];
const voiceItems = document.querySelectorAll('#favoriteItemsShared .favori-item');
voiceItems.forEach(item => {
const sesId = item.getAttribute('data-ses-id');
if (sesId) sesIdList.push(sesId);
});
console.log("Paylaşılan modal Email için işlenecek ses ID'leri:", sesIdList);
if (sesIdList.length === 0) {
emailBody += `\nFavori liste linki: ${sharedLink}\n\nTeşekkürler.`;
window.location.href = `mailto:?subject=Favori Seslendirme Sanatçılarım&body=${encodeURIComponent(emailBody)}`;
return;
}
// Tüm seslendirmen bilgilerini depolayacak dizi
const voiceInfos = [];
// Tüm ID'ler için veri çekme
for (const sesId of sesIdList) {
try {
const response = await fetch(`/wp-admin/admin-ajax.php?action=get_ses_info&ses_id=${sesId}`);
const data = await response.json();
if (data.success && data.data) {
console.log(`Ses bilgileri alındı:`, data.data);
// Seslendirmen bilgilerini ekle
voiceInfos.push({
id: sesId,
name: data.data.name,
language: data.data.language,
gender: data.data.cinsiyet_text || ''
});
} else {
console.warn(`ID ${sesId} için bilgi alınamadı`);
voiceInfos.push({
id: sesId,
name: `Seslendirmen ${sesId}`,
language: 'Bilgi yok',
gender: ''
});
}
} catch (error) {
console.error(`ID ${sesId} için AJAX hatası:`, error);
voiceInfos.push({
id: sesId,
name: `Seslendirmen ${sesId}`,
language: 'Bilgi yok',
gender: ''
});
}
}
// Email içeriğini oluştur
voiceInfos.forEach(info => {
emailBody += `- ${info.name} (${info.language}${info.gender ? ' • ' + info.gender : ''})\n`;
});
// Email gönderme işlemini başlat
emailBody += `\nFavori liste linki: ${sharedLink}\n\nTeşekkürler.`;
window.location.href = `mailto:?subject=Favori Seslendirme Sanatçılarım&body=${encodeURIComponent(emailBody)}`;
});
// Teklif Al - Gelişmiş versiyon (ana modal ile aynı)
document.getElementById('requestQuoteShared').addEventListener('click', async function() {
const sharedLink = window.location.href;
let mailBody = 'Merhaba,\n\nAşağıdaki seslendirme sanatçıları için teklif almak istiyorum:\n\n';
// Paylaşılan modal'dan ses ID'lerini topla
const sesIdList = [];
const voiceItems = document.querySelectorAll('#favoriteItemsShared .favori-item');
voiceItems.forEach(item => {
const sesId = item.getAttribute('data-ses-id');
if (sesId) sesIdList.push(sesId);
});
console.log("Paylaşılan modal Teklif Al için işlenecek ses ID'leri:", sesIdList);
if (sesIdList.length === 0) {
mailBody += `\nFavori liste linki: ${sharedLink}\n\nTeşekkürler.`;
window.location.href = `mailto:info@yerelkultur.info?subject=Seslendirme Teklif Talebi&body=${encodeURIComponent(mailBody)}`;
return;
}
// Tüm seslendirmen bilgilerini depolayacak dizi
const voiceInfos = [];
// Tüm ID'ler için veri çekme
for (const sesId of sesIdList) {
try {
const response = await fetch(`/wp-admin/admin-ajax.php?action=get_ses_info&ses_id=${sesId}`);
const data = await response.json();
if (data.success && data.data) {
console.log(`Ses bilgileri alındı:`, data.data);
// Seslendirmen bilgilerini ekle
voiceInfos.push({
id: sesId,
name: data.data.name,
language: data.data.language,
gender: data.data.cinsiyet_text || ''
});
} else {
console.warn(`ID ${sesId} için bilgi alınamadı`);
voiceInfos.push({
id: sesId,
name: `Seslendirmen ${sesId}`,
language: 'Bilgi yok',
gender: ''
});
}
} catch (error) {
console.error(`ID ${sesId} için AJAX hatası:`, error);
voiceInfos.push({
id: sesId,
name: `Seslendirmen ${sesId}`,
language: 'Bilgi yok',
gender: ''
});
}
}
// Mail içeriğini oluştur
voiceInfos.forEach(info => {
const genderText = info.gender ? `, ${info.gender}` : '';
mailBody += `- ${info.name} (${info.language}${genderText})\n`;
});
// Mail gönderme işlemini başlat
mailBody += `\nFavori liste linki: ${sharedLink}\n\nTeşekkürler.`;
window.location.href = `mailto:info@yerelkultur.info?subject=Seslendirme Teklif Talebi&body=${encodeURIComponent(mailBody)}`;
});
// Modalı göster
modal.style.display = 'block';
document.body.style.overflow = 'hidden';
}
// Play butonları için olay dinleyicisi
playButtons.forEach((button, index) => {
button.addEventListener('click', function() {
const audio = players[index];
const sesId = audio.dataset.sesId;
// Eğer bu ses zaten çalıyorsa, durdur
if (audio === currentlyPlaying) {
audio.pause();
audio.currentTime = 0;
button.classList.remove('playing');
button.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
currentlyPlaying = null;
return;
}
// Eğer başka bir ses çalıyorsa onu durdur
if (currentlyPlaying) {
currentlyPlaying.pause();
currentlyPlaying.currentTime = 0;
document.querySelector(`[data-ses-id="${currentlyPlaying.dataset.sesId}"]`).classList.remove('playing');
document.querySelector(`[data-ses-id="${currentlyPlaying.dataset.sesId}"]`).innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
}
// Yeni sesi çal
audio.play();
button.classList.add('playing');
button.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>';
currentlyPlaying = audio;
// Herhangi bir modaldaki sesi durdur
if (currentModalAudio) {
currentModalAudio.audio.pause();
currentModalAudio.audio.currentTime = 0;
const modalButton = document.querySelector(`.favori-item-play[data-ses-id="${currentModalAudio.sesId}"]`);
if (modalButton) {
modalButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
}
currentModalAudio = null;
}
if (window.currentSharedModalAudio) {
window.currentSharedModalAudio.audio.pause();
window.currentSharedModalAudio.audio.currentTime = 0;
const sharedModalButton = document.querySelector('#favoriModalShared .favori-play-btn[data-ses-id="'+window.currentSharedModalAudio.sesId+'"]');
if (sharedModalButton) {
sharedModalButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
}
window.currentSharedModalAudio = null;
}
});
// Ses bittiğinde
players[index].addEventListener('ended', function() {
button.classList.remove('playing');
button.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>';
currentlyPlaying = null;
});
});
checkSharedFavorites();
// Favorileri kontrol edip güncelleme
function checkAndUpdateFavorites() {
try {
const storedFavorites = localStorage.getItem('sesBankasiSeslerim');
if (!storedFavorites) return;
let favorites = JSON.parse(storedFavorites);
if (!Array.isArray(favorites) || favorites.length === 0) return;
console.log('Favorileri kontrol etme başlatılıyor...', favorites);
// Her bir favori için kontrol et
favorites.forEach((fav, index) => {
// Sayı veya string ID kontrolü
if (typeof fav === 'number' || (typeof fav === 'string' && !isNaN(fav))) {
const sesId = String(fav);
console.log(`Basit ID favori bulundu: ${sesId}, güncelleme talep ediliyor...`);
// Güncelleme işlemi
setTimeout(() => {
updateSesInfoFromServer(sesId);
}, index * 200); // Her istek arasında 200ms bekle
}
// Nesne olarak saklanmış favoriler için
else if (typeof fav === 'object' && fav !== null) {
// ID kontrolü
if (!fav.id) {
console.warn("ID'si olmayan favori nesnesi:", fav);
return;
}
// name özelliği kontrolü
const hasName = fav && fav.name && typeof fav.name === 'string';
const hasLanguage = fav && fav.language && typeof fav.language === 'string';
// Eğer bilgiler eksikse veya dil "Türkçe" ise veya "Ses" ile başlıyorsa
let needsUpdate = false;
// Name kontrolü - name varsa ve "Ses " ile başlıyorsa
if (hasName) {
needsUpdate = fav.name.startsWith("Ses ");
}
// Language kontrolü
if (!needsUpdate && hasLanguage) {
needsUpdate = fav.language === "Türkçe";
}
// Eksik bilgi kontrolü
if (!needsUpdate) {
needsUpdate = !hasName || !hasLanguage;
}
if (needsUpdate) {
setTimeout(() => {
console.log(`Ses ID ${fav.id} için güncelleme talep ediliyor...`);
updateSesInfoFromServer(fav.id);
}, index * 200); // Her istek arasında 200ms bekle
}
} else {
console.warn(`Beklenmeyen favori veri tipi: ${typeof fav}`, fav);
}
});
} catch (e) {
console.error('Favori kontrolü sırasında hata:', e);
}
}
// Sunucudan ses bilgisi al ve güncelle
function updateSesInfoFromServer(sesId) {
if (!sesId) {
console.error("Geçersiz ses ID'si, güncelleme yapılamadı");
return;
}
try {
fetch(`/wp-admin/admin-ajax.php?action=get_ses_info&ses_id=${sesId}`)
.then(response => response.json())
.then(data => {
if (data.success && data.data) {
// Sesi güncelle
updateFavoriteData(sesId, data.data);
console.log(`Ses ID ${sesId} bilgileri güncellendi:`, data.data.name);
} else {
console.warn(`Ses ID ${sesId} için veri alınamadı:`, data);
}
})
.catch(error => {
console.error(`Ses ID ${sesId} güncelleme isteği başarısız:`, error);
});
} catch (e) {
console.error(`Ses ID ${sesId} için istek oluşturulurken hata:`, e);
}
}
// Favori verisini güncelle
function updateFavoriteData(sesId, newData) {
if (!sesId || !newData) {
console.error("Geçersiz ses ID'si veya veri, güncelleme yapılamadı");
return;
}
try {
// LocalStorage'dan mevcut favori verilerini al
const storedFavorites = localStorage.getItem('sesBankasiSeslerim');
if (!storedFavorites) return;
let favorites = JSON.parse(storedFavorites);
if (!Array.isArray(favorites)) return;
// Favorileri güncelle
let updated = false;
for (let i = 0; i < favorites.length; i++) {
const fav = favorites[i];
// Basit ID olarak saklanmış (sayı veya string)
if ((typeof fav === 'string' || typeof fav === 'number') && String(fav) === String(sesId)) {
// ID'yi nesne ile değiştir
favorites[i] = {
id: sesId,
name: newData.name || 'Ses ' + sesId,
language: newData.language || 'Bilinmiyor',
flag: newData.flag || newData.img_url || '',
ses_url: newData.ses_url || ''
};
updated = true;
console.log(`Ses ID ${sesId} güncellendi - basit ID'den nesneye dönüştürüldü`);
break;
}
// Nesne olarak saklanmış
else if (typeof fav === 'object' && fav !== null && fav.id && String(fav.id) === String(sesId)) {
// Nesnenin mevcut özelliklerini güncelle
favorites[i] = {
...fav,
name: newData.name || fav.name || 'Ses ' + sesId,
language: newData.language || fav.language || 'Bilinmiyor',
flag: newData.flag || newData.img_url || fav.flag || '',
ses_url: newData.ses_url || fav.ses_url || ''
};
updated = true;
console.log(`Ses ID ${sesId} bilgileri güncellendi - ${newData.name || 'Ses bilgisi'}`);
break;
}
}
// Güncelleme yapıldıysa kaydet
if (updated) {
localStorage.setItem('sesBankasiSeslerim', JSON.stringify(favorites));
console.log(`Ses ID ${sesId} favori verileri localStorage'a kaydedildi.`);
// Favorileri yeniden yükle
markFavoriteButtons();
updateFavoriteCounts();
}
} catch (e) {
console.error(`Favori verilerini güncellerken hata:`, e);
}
}
// Sayfa yüklendiğinde favori kontrolü başlat
document.addEventListener('DOMContentLoaded', function() {
// Önce paylaşılan favori kontrolü
checkSharedFavorites();
// Favorileri yükle
loadFavorites();
// Favorileri kontrol et ve güncelle (sayfa yüklendikten 3 saniye sonra)
setTimeout(() => {
checkAndUpdateFavorites();
}, 3000);
});
// Favori sayaçlarını güncelle
function updateFavoriteCounts() {
// Header'daki favori sayacını güncelle
const favoriteCount = document.getElementById('favorite-count');
if (favoriteCount) {
if (favorites.length > 0) {
favoriteCount.textContent = favorites.length;
favoriteCount.classList.remove('hidden');
} else {
favoriteCount.classList.add('hidden');
}
}
// Diğer tüm sayaçları da güncelle
updateFavoritesCount(); // Eski sayaç güncelleme fonksiyonu
updateHeaderBadges(); // Üst menü badge'lerini güncelle
}
});
</script>
<script>console.log("🔍 MY-CALCULATOR: maybe_enqueue_assets çağrıldı");</script><script>console.log("🔍 MY-DUBBING: maybe_enqueue_assets çağrıldı");</script><script>console.log("🔍 MY-VOICE: maybe_enqueue_assets çağrıldı");</script><script>console.log("🔍 MY-PLAYCTA: maybe_enqueue_assets çağrıldı");</script><script>console.log("🔍 MY-PRODUCTION-FORM: maybe_enqueue_assets çağrıldı");</script><script>console.log("🔍 MY-CTA: maybe_enqueue_assets çağrıldı");</script><script src="https://yerelkultur.info/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script id="ses-bankasi-script-js-extra">
var sesData = {"ajaxurl":"https://yerelkultur.info/wp-admin/admin-ajax.php"};
//# sourceURL=ses-bankasi-script-js-extra
</script>
<script data-wpacu-to-be-preloaded-basic='1' src="https://yerelkultur.info/wp-content/plugins/ses-bankasi/assets/js/script.js?ver=1.0" id="ses-bankasi-script-js"></script>
<script data-wpacu-to-be-preloaded-basic='1' src="https://yerelkultur.info/wp-content/themes/myproduksiyon/js/lottie.min.js?ver=1.1.234453354451453333544343" id="lottie3-myproduksiyon-js"></script>
<script src="https://yerelkultur.info/wp-content/themes/myproduksiyon/assets/js/swiper-bundle.min.js?ver=1.1.234453354451453333544343" id="swiper3-b-myproduksiyon-js"></script>
<script src="https://yerelkultur.info/wp-content/themes/myproduksiyon/assets/js/aos.js?ver=1.1.234453354451453333544343" id="aos5-myproduksiyon-js"></script>
<script src="https://yerelkultur.info/wp-content/themes/myproduksiyon/assets/js/plugins.js?ver=1.1.234453354451453333544343" id="plugins6-myproduksiyon-js"></script>
<script id="perfmatters-lazy-load-js-before">
window.lazyLoadOptions={elements_selector:"img[data-src],.perfmatters-lazy,.perfmatters-lazy-css-bg",thresholds:"0px 0px",class_loading:"pmloading",class_loaded:"pmloaded",callback_loaded:function(element){if(element.tagName==="IFRAME"){if(element.classList.contains("pmloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener("LazyLoad::Initialized",function(e){var lazyLoadInstance=e.detail.instance;var target=document.querySelector("body");var observer=new MutationObserver(function(mutations){lazyLoadInstance.update()});var config={childList:!0,subtree:!0};observer.observe(target,config);});function perfmattersLazyLoadYouTube(e){var t=document.createElement("iframe"),r="ID?";r+=0===e.dataset.query.length?"":e.dataset.query+"&",r+="autoplay=1",t.setAttribute("src",r.replace("ID",e.dataset.src)),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","1"),t.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),e.replaceChild(t,e.firstChild)}
//# sourceURL=perfmatters-lazy-load-js-before
</script>
<script async src="https://yerelkultur.info/wp-content/plugins/perfmatters/js/lazyload.min.js?ver=2.5.4" id="perfmatters-lazy-load-js"></script>
<style>
/* Yardım Modal Stilleri */
#ses-bankasi-help-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999999;
backdrop-filter: blur(4px);
}
.help-modal-content {
background: #2a2f4a;
border-radius: 12px;
max-width: 90%;
width: 450px;
max-height: 90vh;
overflow-y: auto;
color: white;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}
.help-modal-header {
padding: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
}
.help-modal-title {
font-size: 20px;
font-weight: bold;
color: white;
margin: 0;
}
.help-modal-body {
padding: 20px;
}
.close-help-modal {
background: transparent;
border: none;
color: rgba(255, 255, 255, 0.7);
cursor: pointer;
font-size: 24px;
padding: 0;
line-height: 1;
}
.close-help-modal:hover {
color: white;
}
/* Yardım İçerik Stilleri */
.help-modal-body h3 {
color: white;
font-size: 16px;
margin-top: 16px;
margin-bottom: 12px;
}
.help-modal-body ul {
list-style-type: none;
padding-left: 0;
margin-top: 10px;
}
.help-modal-body li {
position: relative;
padding-left: 18px;
margin-bottom: 8px;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
}
.help-modal-body li::before {
content: "•";
position: absolute;
left: 0;
color: rgba(255, 255, 255, 0.6);
}
/* Kapat butonu */
.help-modal-footer {
padding: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.close-help-btn {
width: 100%;
background-color: rgba(255, 255, 255, 0.1);
color: white;
border: none;
border-radius: 8px;
padding: 10px;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s;
}
.close-help-btn:hover {
background-color: rgba(255, 255, 255, 0.2);
}
/* Yardım butonu */
.help-button {
width: 40px;
height: 40px;
background-color: #4f46e5;
border: none;
border-radius: 50%;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
color: white;
transition: all 0.2s;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999999;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.help-button:hover {
background-color: #4338ca;
transform: scale(1.05);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}
</style>
<div id="ses-bankasi-help-modal">
<div class="help-modal-content">
<div class="help-modal-header">
<h2 class="help-modal-title">Yardım</h2>
<button class="close-help-modal">×</button>
</div>
<div class="help-modal-body">
<h3>Ses Kontrolleri</h3>
<ul>
<li>Play/Pause: Sesi oynat veya duraklat</li>
<li>Ses Çubuğu: Ses seviyesini ayarla</li>
<li>İlerleme Çubuğu: Ses içinde ileri/geri git</li>
</ul>
<h3>Butonlar</h3>
<ul>
<li>Favori: Sesi favorilere ekle/çıkar</li>
<li>İndir: Ses dosyasını indir</li>
<li>Paylaş: Sesi sosyal medyada paylaş</li>
<li>Teklif Al: Seslendirme teklifi al</li>
</ul>
<h3>Görünüm</h3>
<ul>
<li>Liste: Sesleri liste halinde göster</li>
<li>Grid: Sesleri kart halinde göster</li>
</ul>
</div>
<div class="help-modal-footer">
<button class="close-help-btn">Kapat</button>
</div>
</div>
</div>
<button id="ses-bankasi-help-button" class="help-button" aria-label="help-button">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
</button>
<script>
document.addEventListener('DOMContentLoaded', function() {
console.log('Ses Bankası Yardım modalı yükleniyor...');
// Modal ve butonları seç
const helpModal = document.getElementById('ses-bankasi-help-modal');
const helpButton = document.getElementById('ses-bankasi-help-button');
const closeButtons = document.querySelectorAll('.close-help-modal, .close-help-btn');
if (!helpModal) {
console.error('Yardım modalı bulunamadı!');
return;
}
if (!helpButton) {
console.error('Yardım butonu bulunamadı!');
// Eğer buton bulunamazsa, yeni bir tane oluştur ve ekle
const newHelpButton = document.createElement('button');
newHelpButton.id = 'ses-bankasi-help-button';
newHelpButton.className = 'help-button';
newHelpButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>';
document.body.appendChild(newHelpButton);
// Yeni butona tıklama işlevi ekle
newHelpButton.addEventListener('click', function(e) {
e.preventDefault();
helpModal.style.display = 'flex';
});
return;
}
console.log('Yardım modalı ve butonu başarıyla yüklendi.');
// Yardım butonuna tıklama işlevi
helpButton.addEventListener('click', function(e) {
console.log('Yardım butonuna tıklandı');
e.preventDefault();
helpModal.style.display = 'flex';
});
// Kapatma düğmelerine tıklama işlevi
closeButtons.forEach(button => {
button.addEventListener('click', function() {
console.log('Kapat butonuna tıklandı');
helpModal.style.display = 'none';
});
});
// Modal dışına tıklandığında kapat
helpModal.addEventListener('click', function(e) {
if (e.target === helpModal) {
console.log('Modal dışına tıklandı');
helpModal.style.display = 'none';
}
});
// ESC tuşu ile modalı kapat
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && helpModal.style.display === 'flex') {
helpModal.style.display = 'none';
}
});
// Header'daki info ikonlarını bul ve tıklama olayı ekle
setTimeout(function() {
// Bilgi butonlarını bul
const infoButtons = document.querySelectorAll('[aria-label="Bilgi"], .info-button');
infoButtons.forEach(button => {
button.addEventListener('click', function(e) {
e.preventDefault();
helpModal.style.display = 'flex';
});
});
// Lucide info ikonunu bul
const infoIcons = document.querySelectorAll('svg.lucide.lucide-info');
infoIcons.forEach(icon => {
const button = icon.closest('button');
if (button) {
console.log('Info ikonu bulundu');
button.addEventListener('click', function(e) {
console.log('Info ikonuna tıklandı');
e.preventDefault();
helpModal.style.display = 'flex';
});
}
});
// P-1.5 sınıfına sahip butonları bul
const smallButtons = document.querySelectorAll('button.p-1\\.5');
smallButtons.forEach(button => {
if (button.querySelector('svg.lucide.lucide-info')) {
button.addEventListener('click', function(e) {
e.preventDefault();
helpModal.style.display = 'flex';
});
}
});
}, 1000);
});
</script>
<noscript><link rel="stylesheet" href="https://yerelkultur.info/wp-content/themes/myproduksiyon/style.css?ver=1.1.234453354451453333544343" media="all" /></noscript>
<script>
AOS.init();
var animation = lottie.loadAnimation({
container: document.getElementById('lottie-logo'),
renderer: 'svg',
loop: false,
autoplay: true,
path: '/wp-content/themes/myproduksiyon/assets/myproduksiyon_logo.json'
});
var animation = lottie.loadAnimation({
container: document.getElementById('lottie-logo-2'),
renderer: 'svg',
loop: false,
autoplay: true,
path: '/wp-content/themes/myproduksiyon/assets/myproduksiyon_logo.json'
});
document.getElementById('mobile_nav_toggle_menu').addEventListener('click', function() {
document.getElementById('mobile-nav-div-overlay').classList.toggle('-left-full');
document.getElementById('mobile-nav-div').classList.toggle('-left-full');
});
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".mobil-menu .menu-item .menu-arrow").forEach(function (arrow) {
arrow.addEventListener("click", function (event) {
event.stopPropagation();
event.preventDefault();
let menuItem = this.closest(".menu-item");
if (menuItem) {
let menuId = menuItem.id;
let subMenus = document.querySelectorAll(`#${menuId} .sub-menu`);
subMenus.forEach(function (subMenu) {
if (subMenu.style.display === "none" || subMenu.style.display === "") {
subMenu.style.display = "block";
} else {
subMenu.style.display = "none";
}
});
}
});
});
});
document.getElementById('mobile_nav_toggle_menu').addEventListener('click', function () {
let html = document.documentElement;
html.style.overflow = html.style.overflow === 'hidden' ? '' : 'hidden';
});
</script>
</div>
</div>
</div>
<!-- plugin=object-cache-pro client=phpredis metric#hits=10100 metric#misses=7 metric#hit-ratio=99.9 metric#bytes=81514355 metric#prefetches=684 metric#store-reads=21 metric#store-writes=4 metric#store-hits=694 metric#store-misses=3 metric#sql-queries=18 metric#ms-total=1021.78 metric#ms-cache=173.60 metric#ms-cache-avg=7.2333 metric#ms-cache-ratio=17.0 -->
