{"id":16102,"date":"2025-08-26T16:07:07","date_gmt":"2025-08-26T15:07:07","guid":{"rendered":"https:\/\/tzsvtav.com\/?page_id=16102"},"modified":"2026-02-14T17:12:49","modified_gmt":"2026-02-14T16:12:49","slug":"led-fal-konfigurator","status":"publish","type":"page","link":"https:\/\/tzsvtav.com\/en\/led-fal-konfigurator\/","title":{"rendered":"Rental LED fal konfigur\u00e1tor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16102\" class=\"elementor elementor-16102\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef3be28 e-flex e-con-boxed e-con e-parent\" data-id=\"6ef3be28\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a489d02 elementor-drop-cap-yes elementor-drop-cap-view-default elementor-widget elementor-widget-text-editor\" data-id=\"a489d02\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;drop_cap&quot;:&quot;yes&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<hr \/>\n<h2><span style=\"font-size: 24pt;\">Tervezze meg a t\u00f6k\u00e9letes Rental LED falat: M\u00e9ret Szimul\u00e1tor<\/span><\/h2>\n<p>Ne b\u00edzza a v\u00e9letlenre a show-t! Tudja pontosan, mekkora <b>Rental LED falra<\/b> van sz\u00fcks\u00e9ge a k\u00f6vetkez\u0151 rendezv\u00e9ny\u00e9re, ki\u00e1ll\u00edt\u00e1sra vagy koncertre, kiz\u00e1r\u00f3lag <b>500&#215;500 mm-es kabinetekb\u0151l<\/b> \u00e9p\u00edtkezve.<\/p>\n<p><b>M\u00e9ret Szimul\u00e1torunk<\/b> seg\u00edts\u00e9g\u00e9vel k\u00f6nnyed\u00e9n k\u00eds\u00e9rletezhet azzal, hogy az adott <b>rent\u00e1l kabinetekb\u0151l<\/b> h\u00e1ny darabot kell \u00f6ssze\u00e1ll\u00edtania v\u00edzszintesen \u00e9s f\u00fcgg\u0151legesen a k\u00edv\u00e1nt <b>teljes k\u00e9perny\u0151m\u00e9ret \u00e9s felbont\u00e1s<\/b> el\u00e9r\u00e9s\u00e9hez. Gy\u0151z\u0151dj\u00f6n meg r\u00f3la, hogy a tervezett vizu\u00e1lis \u00e9lm\u00e9ny t\u00f6k\u00e9letesen illeszkedik az <b>optim\u00e1lis n\u00e9z\u00e9si t\u00e1vols\u00e1ghoz<\/b> \u00e9s a helysz\u00edn adotts\u00e1gaihoz!<\/p>\n<h2><b>P\u00e1r kattint\u00e1s, \u00e9s m\u00e1ris l\u00e1thatja, milyen leny\u0171g\u00f6z\u0151 vizu\u00e1lis hat\u00e1st \u00e9r el a b\u00e9rl\u00e9sre sz\u00e1nt fallal!<\/b> Kezdje el a tervez\u00e9st most!<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37c28300 elementor-widget elementor-widget-text-editor\" data-id=\"37c28300\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<div id=\"wp-block-themeisle-blocks-advanced-columns-1b6e688f\" class=\"wp-block-themeisle-blocks-advanced-columns has-0-columns has-desktop-undefined-layout has-tablet-equal-layout has-mobile-equal-layout has-vertical-unset\">\n<div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\">\u00a0<\/div>\n<div class=\"innerblocks-wrap\">\u00a0<\/div>\n<\/div>\n\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p><script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700&display=swap');\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f3f4f6;\n            color: #1f2937;\n        }\n        #app-container {\n            max-width: 1000px;\n            margin: 2rem auto;\n            padding: 2rem;\n            background-color: #fff;\n            border-radius: 0.75rem;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        }\n        .konfigurator-grid {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 2rem;\n            justify-content: space-between;\n            margin-top: 2rem;\n        }\n        .input-section, .output-section {\n            flex: 1;\n            min-width: 250px;\n        }\n        .input-group, .output-group {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 1rem;\n        }\n        .input-group label {\n            font-weight: 700;\n            color: #4b5563;\n        }\n        .input-group input, .input-group select {\n            width: 100px;\n            padding: 0.5rem;\n            border: 1px solid #d1d5db;\n            border-radius: 0.5rem;\n            text-align: right;\n        }\n        .output-section hr {\n            border: 0;\n            border-top: 1px solid #e5e7eb;\n            margin: 1rem 0;\n        }\n        .output-group span:first-child {\n            font-weight: 700;\n            color: #4b5563;\n        }\n        .output-group span:last-child {\n            font-weight: normal;\n            color: #2563eb;\n        }\n        .konfigurator-visualizer {\n            margin-top: 2rem;\n        }\n        #led-fal-visualizer-container {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            background-color: #1f2937;\n            padding: 1rem;\n            border-radius: 0.5rem;\n            position: relative;\n            overflow: hidden;\n        }\n        #led-fal-visualizer {\n            display: grid;\n            gap: 2px;\n            max-width: 100%;\n            height: auto;\n        }\n        .led-kabinet-image {\n            width: 100%;\n            height: auto;\n            aspect-ratio: 1 \/ 1;\n            display: block;\n            border-radius: 4px;\n        }\n    <\/style><\/p>\n<div id=\"app-container\" class=\"bg-white rounded-xl shadow-lg\">\n<div class=\"text-center\">\n<h3 class=\"text-2xl font-bold mb-1 text-gray-800\">LED Fal Konfigur\u00e1tor<\/h3>\n<p class=\"text-gray-600\">Val\u00f3s idej\u0171 kalkul\u00e1tor \u00e9s vizu\u00e1lis el\u0151n\u00e9zet.<\/p>\n<\/div>\n<div class=\"konfigurator-grid\">\n<div class=\"input-section\">\n<h4 class=\"text-xl font-bold mb-4 text-gray-700\">Adatok megad\u00e1sa<\/h4>\n<div class=\"input-group\"><label for=\"kabinet_szelesseg\">Kabinetek sz\u00e9less\u00e9gben:<\/label> <input id=\"kabinet_szelesseg\" class=\"text-right\" min=\"1\" type=\"number\" value=\"4\" \/><\/div>\n<div class=\"input-group\"><label for=\"kabinet_magassag\">Kabinetek magass\u00e1gban:<\/label> <input id=\"kabinet_magassag\" class=\"text-right\" min=\"1\" type=\"number\" value=\"4\" \/><\/div>\n<div class=\"input-group\"><label for=\"pixel_pitch\">Pixelt\u00e1vols\u00e1g (mm):<\/label><select id=\"pixel_pitch\" class=\"text-right\">\n<option value=\"1.95\">P1.95<\/option>\n<option value=\"2.5\">P2.5<\/option>\n<option value=\"2.6\">P2.6<\/option>\n<option value=\"2.9\">P2.9<\/option>\n<option selected=\"selected\" value=\"3.91\">P3.91<\/option>\n<option value=\"4.8\">P4.8<\/option>\n<option value=\"4.81\">P4.81<\/option>\n<\/select><\/div>\n<\/div>\n<div class=\"output-section\">\n<h4 class=\"text-xl font-bold mb-4 text-gray-700\">Eredm\u00e9nyek<\/h4>\n<div class=\"output-group\">Teljes kabinet: <span id=\"output_kabinet_osszesen\">16 db<\/span><\/div>\n<hr \/>\n<div class=\"output-group\">Fizikai m\u00e9ret: <span id=\"output_fizikai_meret\">2.00m x 2.00m<\/span><\/div>\n<div class=\"output-group\">Felbont\u00e1s: <span id=\"output_felbontas\">512&#215;512 px<\/span><\/div>\n<hr \/>\n<div class=\"output-group\">Fel\u00fclet: <span id=\"output_felulet\">4.00 m\u00b2<\/span><\/div>\n<div class=\"output-group\">S\u00faly: <span id=\"output_suly\">~120.00 kg<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"konfigurator-visualizer\">\n<h4 class=\"text-xl font-bold mb-4 text-gray-700 text-center\">\u00c9l\u0151 el\u0151n\u00e9zet<\/h4>\n<div id=\"led-fal-visualizer-container\">\n<div id=\"led-fal-visualizer\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script>\n    document.addEventListener('DOMContentLoaded', function() {\n        console.log(\"DOM tartalom bet\u00f6ltve.\");\n\n        const szelessegInput = document.getElementById('kabinet_szelesseg');\n        const magassagInput = document.getElementById('kabinet_magassag');\n        const pixelPitchSelect = document.getElementById('pixel_pitch');\n\n        const outputOsszesen = document.getElementById('output_kabinet_osszesen');\n        const outputFizikaiMeret = document.getElementById('output_fizikai_meret');\n        const outputFelbontas = document.getElementById('output_felbontas');\n        const outputFelulet = document.getElementById('output_felulet');\n        const outputSuly = document.getElementById('output_suly');\n        const vizualizerContainer = document.getElementById('led-fal-visualizer');\n        const vizualizerOuterContainer = document.getElementById('led-fal-visualizer-container');\n\n        const KABINET_SZEL_MM = 500;\n        const KABINET_MAG_MM = 500;\n        const KABINET_SULY = 7.5; \/\/ kg\/kabinet\n\n        const PIXEL_RESOLUTIONS = {\n            '1.95': { width: 256, height: 256 },\n            '2.5': { width: 200, height: 200 },\n            '2.6': { width: 192, height: 192 },\n            '2.9': { width: 172, height: 172 },\n            '3.91': { width: 128, height: 128 },\n            '4.8': { width: 104, height: 104 },\n            '4.81': { width: 104, height: 104 }\n        };\n\n        function calculate() {\n            const kabinetSzelesseg = parseInt(szelessegInput.value, 10);\n            const kabinetMagassag = parseInt(magassagInput.value, 10);\n            const pixelPitch = pixelPitchSelect.value;\n\n            console.log(`Calculate fut. Kabinet sz\u00e9less\u00e9g: ${kabinetSzelesseg}, magass\u00e1g: ${kabinetMagassag}, pixelpitch: ${pixelPitch}`);\n\n            if (isNaN(kabinetSzelesseg) || isNaN(kabinetMagassag) || kabinetSzelesseg <= 0 || kabinetMagassag <= 0) {\n                outputOsszesen.textContent = '0 db';\n                outputFizikaiMeret.textContent = '0m x 0m';\n                outputFelbontas.textContent = '0x0 px';\n                outputFelulet.textContent = '0.00 m\u00b2';\n                outputSuly.textContent = '~0.00 kg';\n                renderLEDWall(0, 0);\n                return;\n            }\n\n            const osszesKabinet = kabinetSzelesseg * kabinetMagassag;\n            const teljesSzelMm = kabinetSzelesseg * KABINET_SZEL_MM;\n            const teljesMagMm = kabinetMagassag * KABINET_MAG_MM;\n            const feluletM2 = (teljesSzelMm \/ 1000) * (teljesMagMm \/ 1000);\n            const teljesSuly = osszesKabinet * KABINET_SULY;\n\n            const kabinetResolution = PIXEL_RESOLUTIONS[pixelPitch] || { width: 0, height: 0 };\n            const felbontasSzel = kabinetSzelesseg * kabinetResolution.width;\n            const felbontasMag = kabinetMagassag * kabinetResolution.height;\n            \n            outputOsszesen.textContent = `${osszesKabinet} db`;\n            outputFizikaiMeret.textContent = `${(teljesSzelMm \/ 1000).toFixed(2)}m x ${(teljesMagMm \/ 1000).toFixed(2)}m`;\n            outputFelbontas.textContent = `${felbontasSzel}x${felbontasMag} px`;\n            outputFelulet.textContent = `${feluletM2.toFixed(2)} m\u00b2`;\n            outputSuly.textContent = `~${teljesSuly.toFixed(2)} kg`;\n\n            console.log(`Kisz\u00e1m\u00edtott felbont\u00e1s: ${felbontasSzel}x${felbontasMag} px`);\n\n            renderLEDWall(kabinetSzelesseg, kabinetMagassag);\n        }\n\n        function renderLEDWall(width, height) {\n            vizualizerContainer.innerHTML = '';\n            \n            if (width * height > 500) {\n                vizualizerContainer.innerHTML = `<p class=\"text-gray-400 text-center p-4\">T\u00fal sok kabinet a megjelen\u00edt\u00e9shez. A b\u00f6ng\u00e9sz\u0151 teljes\u00edtm\u00e9nye \u00e9rdek\u00e9ben a vizualiz\u00e1ci\u00f3 kikapcsolva.<\/p>`;\n                return;\n            }\n\n            vizualizerContainer.style.gridTemplateColumns = `repeat(${width}, 1fr)`;\n            \n            const imageUrl = typeof tzsvtavData !== 'undefined' ? tzsvtavData.imageUrl : 'https:\/\/placehold.co\/500x500\/007bff\/ffffff?text=LED';\n            \n            const kabinetCount = width * height;\n            const kabinetImages = [];\n            for (let i = 0; i < kabinetCount; i++) {\n                const kabinetImg = document.createElement('img');\n                kabinetImg.classList.add('led-kabinet-image');\n                kabinetImg.src = imageUrl;\n                kabinetImg.alt = \"LED kabinet\";\n                kabinetImages.push(kabinetImg);\n            }\n            vizualizerContainer.append(...kabinetImages);\n            console.log(`Megjelen\u00edtve ${kabinetCount} kabinet.`);\n        }\n\n        szelessegInput.addEventListener('input', calculate);\n        magassagInput.addEventListener('input', calculate);\n        pixelPitchSelect.addEventListener('change', calculate);\n\n        \/\/ Kezdeti sz\u00e1m\u00edt\u00e1s futtat\u00e1sa\n        calculate();\n    });\n<\/script><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tervezze meg a t\u00f6k\u00e9letes Rental LED falat: M\u00e9ret Szimul\u00e1tor Ne b\u00edzza a v\u00e9letlenre a show-t! Tudja pontosan, mekkora Rental LED falra van sz\u00fcks\u00e9ge a k\u00f6vetkez\u0151 rendezv\u00e9ny\u00e9re, ki\u00e1ll\u00edt\u00e1sra vagy koncertre, kiz\u00e1r\u00f3lag 500&#215;500 mm-es kabinetekb\u0151l \u00e9p\u00edtkezve. M\u00e9ret Szimul\u00e1torunk seg\u00edts\u00e9g\u00e9vel k\u00f6nnyed\u00e9n k\u00eds\u00e9rletezhet azzal, hogy az adott rent\u00e1l kabinetekb\u0151l h\u00e1ny darabot kell \u00f6ssze\u00e1ll\u00edtania v\u00edzszintesen \u00e9s f\u00fcgg\u0151legesen a k\u00edv\u00e1nt teljes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowr62iDA:productID":"","_eb_attr":"","_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-16102","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tzsvtav.com\/en\/wp-json\/wp\/v2\/pages\/16102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tzsvtav.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tzsvtav.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tzsvtav.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tzsvtav.com\/en\/wp-json\/wp\/v2\/comments?post=16102"}],"version-history":[{"count":0,"href":"https:\/\/tzsvtav.com\/en\/wp-json\/wp\/v2\/pages\/16102\/revisions"}],"wp:attachment":[{"href":"https:\/\/tzsvtav.com\/en\/wp-json\/wp\/v2\/media?parent=16102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}