1<!DOCTYPE html> 2<html lang="it-IT"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1"> 7 <title>ARTECULTURA TV - Live Streaming | Arte, Cultura, Intrattenimento</title> 8 <meta name="description" content="Streaming live di arte, cinema, musica, teatro e cultura. Guarda in diretta i migliori contenuti culturali in alta definizione."> 9 10 <!-- Open Graph / Social Media --> 11 <meta property="og:title" content="ARTECULTURA TV - Live Streaming"> 12 <meta property="og:description" content="Streaming live di arte, cinema, musica, teatro e cultura."> 13 <meta property="og:image" content="https://www.artecultura.tv/social-preview.jpg"> 14 <meta property="og:url" content="https://www.artecultura.tv/live"> 15 <meta property="og:type" content="website"> 16 17 <!-- Favicon --> 18 <link rel="icon" href="assets/favicon.png" type="image/png"> 19 <!-- Fonts (Google Fonts - Ottimizzato) --> 20 <link rel="preconnect" href="https://fonts.googleapis.com"> 21 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 22 <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@400;500;700&display=swap" rel="stylesheet"> 23 24 <!-- CSS --> 25 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 26 <link rel="stylesheet" href="css/bootstrap.min.css"> 27 <style> 28 :root { 29 --primary: #E30613; 30 --primary-dark: #B00000; 31 --dark: #0A0A0A; 32 --dark-gray: #1A1A1A; 33 --light: #FFFFFF; 34 --gold: #D4AF37; /* Accento dorato per eleganza */ 35 } 36 37 body { 38 font-family: 'Montserrat', sans-serif; 39 background: var(--dark); 40 color: var(--light); 41 overflow-x: hidden; 42 line-height: 1.6; 43 padding-top: 60px; /* Spazio per la navbar fissa */ 44 } 45 46 /* NAVBAR */ 47 .navbar { 48 background: rgba(10, 10, 10, 0.95); 49 backdrop-filter: blur(10px); 50 -webkit-backdrop-filter: blur(10px); 51 position: fixed; 52 top: 0; 53 left: 0; 54 right: 0; 55 height: 60px; 56 display: flex; 57 align-items: center; 58 padding: 0 20px; 59 z-index: 1000; 60 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 61 } 62 63 .navbar-brand { 64 font-family: 'Playfair Display', serif; 65 font-weight: 400; 66 color: var(--light); 67 font-size: 1.8rem; 68 letter-spacing: -0.5px; 69 text-decoration: none; 70 display: inline-block; 71 padding: 5px 10px; 72 margin: 0; 73 transition: all 0.3s ease; 74 } 75 76 .navbar-brand span { 77 color: var(--primary); 78 } 79 80 /* MENU TOGGLE */ 81 .menu-toggle { 82 display: flex; 83 flex-direction: column; 84 justify-content: space-around; 85 width: 30px; 86 height: 25px; 87 background: transparent; 88 border: none; 89 cursor: pointer; 90 padding: 0; 91 margin-right: 15px; 92 z-index: 1002; 93 } 94 95 .menu-toggle__bar { 96 width: 100%; 97 height: 3px; 98 background: var(--light); 99 transition: all 0.3s ease; 100 } 101 102 .menu-toggle.active .menu-toggle__bar:nth-child(1) { 103 transform: translateY(8px) rotate(45deg); 104 } 105 106 .menu-toggle.active .menu-toggle__bar:nth-child(2) { 107 opacity: 0; 108 } 109 110 .menu-toggle.active .menu-toggle__bar:nth-child(3) { 111 transform: translateY(-8px) rotate(-45deg); 112 } 113 114 /* DROPDOWN MENU - CORRETTO PER VISIBILITà */ 115 .dropdown-menu { 116 position: fixed; 117 top: 60px; 118 left: 0; 119 width: 280px; 120 background: rgba(20, 20, 20, 0.98); 121 backdrop-filter: blur(15px); 122 -webkit-backdrop-filter: blur(15px); 123 border-right: 1px solid rgba(255, 255, 255, 0.1); 124 padding: 20px 0; 125 z-index: 2000; /* Z-index aumentato per sovrastare tutti gli elementi */ 126 transform: translateX(-100%); 127 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); 128 height: calc(100vh - 60px); 129 overflow-y: auto; 130 box-shadow: 5px 0 15px rgba(0, 0, 0, 0.5); 131 display: block !important; /* Assicura che il menu sia sempre visualizzato (quando attivo) */ 132 } 133 134 .dropdown-menu.active { 135 transform: translateX(0); 136 visibility: visible !important; /* Garantisce la visibilità quando attivo */ 137 } 138 139 .dropdown-menu a { 140 display: flex; 141 align-items: center; 142 color: var(--light); 143 padding: 12px 25px; 144 text-decoration: none; 145 transition: all 0.3s ease; 146 font-size: 1rem; 147 border-left: 3px solid transparent; 148 } 149 150 .dropdown-menu a:hover { 151 background: rgba(227, 6, 19, 0.15); 152 color: var(--primary); 153 border-left: 3px solid var(--primary); 154 } 155 156 .dropdown-menu a i { 157 width: 25px; 158 text-align: center; 159 margin-right: 12px; 160 font-size: 1.1rem; 161 } 162 163 .menu-divider { 164 border-top: 1px solid rgba(255, 255, 255, 0.1); 165 margin: 15px 25px; 166 } 167 168 /* ð¥ VIDEO PLAYER (Full-width cinematic) */ 169 .video-container { 170 position: relative; 171 padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ 172 margin-top: 20px; 173 background: #000; 174 } 175 176 .video-container iframe { 177 position: absolute; 178 top: 0; 179 left: 0; 180 width: 100%; 181 height: 100%; 182 border: none; 183 } 184 185 /* VIDEO DESCRIPTION SECTION */ 186 .video-description { 187 background: var(--dark-gray); 188 padding: 30px; 189 margin: 20px 0 40px; 190 border-radius: 8px; 191 border-left: 4px solid var(--primary); 192 } 193 194 .video-description h2 { 195 font-family: 'Playfair Display', serif; 196 font-size: 2rem; 197 margin-bottom: 20px; 198 color: var(--light); 199 } 200 201 .video-description .meta-info { 202 display: flex; 203 flex-wrap: wrap; 204 gap: 20px; 205 margin-bottom: 20px; 206 color: rgba(255,255,255,0.7); 207 font-size: 0.9rem; 208 } 209 210 .video-description .meta-info span { 211 display: flex; 212 align-items: center; 213 } 214 215 .video-description .meta-info i { 216 margin-right: 8px; 217 color: var(--primary); 218 } 219 220 .video-description p { 221 margin-bottom: 20px; 222 font-size: 1.5rem; 223 line-height: 1.8; 224 } 225 226 .video-description .tags { 227 display: flex; 228 flex-wrap: wrap; 229 gap: 10px; 230 margin-top: 20px; 231 } 232 233 .video-description .tags span { 234 background: rgba(255,255,255,0.1); 235 padding: 5px 15px; 236 border-radius: 50px; 237 font-size: 0.8rem; 238 } 239 240 /* ðº CHANNELS SECTION (Hover Effects) */ 241 .channels-grid { 242 display: grid; 243 grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); 244 gap: 20px; 245 margin: 30px 0; 246 } 247 248 .channel-card { 249 background: var(--dark-gray); 250 border-radius: 8px; 251 padding: 15px; 252 text-align: center; 253 transition: all 0.3s ease; 254 border: 1px solid rgba(255, 255, 255, 0.05); 255 } 256 257 .channel-card:hover { 258 background: rgba(227, 6, 19, 0.1); 259 border-color: var(--primary); 260 transform: translateY(-3px); 261 } 262 263 .channel-card img { 264 width: 100%; 265 border-radius: 4px; 266 margin-bottom: 10px; 267 } 268 269 .channel-card h3 { 270 font-size: 1.4rem; 271 font-weight: 600; 272 margin: 0; 273 } 274 275 /* ð ON-DEMAND SECTION (Grid CSS) */ 276 .section-title { 277 font-family: 'Playfair Display', serif; 278 font-weight: 700; 279 font-size: 2.2rem; 280 margin: 40px 0 25px; 281 color: var(--light); 282 position: relative; 283 display: inline-block; 284 } 285 286 .section-title:after { 287 content: ''; 288 position: absolute; 289 bottom: -10px; 290 left: 0; 291 width: 60px; 292 height: 3px; 293 background: var(--primary); 294 } 295 296 .ondemand-grid { 297 display: grid; 298 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 299 gap: 30px; 300 margin: 30px 0; 301 } 302 303 .ondemand-item { 304 text-align: center; 305 transition: transform 0.3s ease; 306 } 307 308 .ondemand-item:hover { 309 transform: translateY(-5px); 310 } 311 312 .ondemand-img-container { 313 width: 200px; 314 height: 200px; 315 margin: 0 auto; 316 overflow: hidden; 317 border-radius: 8px; 318 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); 319 } 320 321 .ondemand-img-container img { 322 width: 100%; 323 height: 100%; 324 object-fit: cover; 325 transition: transform 0.5s ease; 326 } 327 328 .ondemand-item:hover img { 329 transform: scale(1.05); 330 } 331 332 .ondemand-caption { 333 margin-top: 15px; 334 } 335 336 .ondemand-caption h3 { 337 font-size: 1.4rem; 338 margin-bottom: 5px; 339 color: var(--light); 340 } 341 342 .ondemand-caption p { 343 color: rgba(255, 255, 255, 0.7); 344 font-size: 1.3rem; 345 margin: 0; 346 } 347
348 /* ð CALL-TO-ACTION */ 349 .cta-section { 350 background: linear-gradient(135deg, rgba(10,10,10,0.9), rgba(30,30,30,0.9)); 351 border-radius: 12px; 352 padding: 30px; 353 margin: 40px 0; 354 text-align: center; 355 border: 1px solid rgba(255, 255, 255, 0.1); 356 } 357 358 .cta-title { 359 font-family: 'Playfair Display', serif; 360 font-size: 2rem; 361 margin-bottom: 20px; 362 color: var(--light); 363 } 364 365 .btn-stream { 366 background: var(--primary); 367 color: white; 368 border: none; 369 padding: 12px 30px; 370 font-weight: 600; 371 border-radius: 50px; 372 text-transform: uppercase; 373 letter-spacing: 1px; 374 transition: all 0.3s ease; 375 } 376 377 .btn-stream:hover { 378 background: var(--primary-dark); 379 transform: translateY(-2px); 380 box-shadow: 0 5px 15px rgba(227, 6, 19, 0.4); 381 } 382 383 /* ð¢ FOOTER (Premium Style) */ 384 .footer { 385 background: linear-gradient(to bottom, #0A0A0A, #000); 386 padding: 60px 0 30px; 387 border-top: 1px solid rgba(255, 255, 255, 0.05); 388 } 389 390 .footer-logo { 391 font-family: 'Playfair Display', serif; 392 font-size: 2.5rem; 393 font-weight: 700; 394 margin-bottom: 20px; 395 } 396 397 .footer-logo span { 398 color: var(--primary); 399 } 400 401 .social-links a { 402 display: inline-flex; 403 align-items: center; 404 justify-content: center; 405 width: 40px; 406 height: 40px; 407 background: rgba(255, 255, 255, 0.05); 408 border-radius: 50%; 409 margin: 0 10px; 410 transition: all 0.3s ease; 411 } 412 413 .social-links a:hover { 414 background: var(--primary); 415 transform: translateY(-3px); 416 } 417 418 .press-logos { 419 display: flex; 420 flex-wrap: wrap; 421 justify-content: center; 422 align-items: center; 423 gap: 20px; 424 margin: 30px 0; 425 } 426 427 .press-logos img { 428 height: 30px; 429 opacity: 0.7; 430 transition: opacity 0.3s ease; 431 } 432 433 .press-logos img:hover { 434 opacity: 1; 435 } 436 437 .copyright { 438 margin-top: 40px; 439 font-size: 0.9rem; 440 color: rgba(255, 255, 255, 0.5); 441 } 442 443 /* ð¥ ANIMATIONS */ 444 @keyframes fadeIn { 445 from { opacity: 0; transform: translateY(20px); } 446 to { opacity: 1; transform: translateY(0); } 447 } 448 449 .fade-in { 450 animation: fadeIn 0.8s ease-out forwards; 451 } 452 453 /* ð± RESPONSIVE */ 454 @media (max-width: 768px) { 455 body { 456 padding-top: 50px; 457 } 458 459 .navbar { 460 height: 50px; 461 padding: 0 15px; 462 } 463 464 .navbar-brand { 465 font-size: 1.5rem; 466 } 467 468 .section-title { 469 font-size: 1.8rem; 470 } 471 472 .video-description { 473 padding: 20px; 474 } 475 476 .video-description h2 { 477 font-size: 1.5rem; 478 } 479 480 .ondemand-grid { 481 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 482 } 483 484 .ondemand-img-container { 485 width: 250px; 486 height: 250px; 487 } 488 489 .channels-grid { 490 grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); 491 } 492 493 .cta-title { 494 font-size: 1.5rem; 495 } 496 } 497 498 @media (max-width: 576px) { 499 .ondemand-grid { 500 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); 501 } 502 503 .ondemand-img-container { 504 width: 200px; 505 height: 200px; 506 } 507 } 508 </style> 509 510 511 </head> 512 513<body> 514<!-- NAVBAR --> 515 <nav class="navbar"> 516 <button class="menu-toggle" id="menuToggle" aria-label="Menu">
517 <span class="menu-toggle__bar"></span> 518 <span class="menu-toggle__bar"></span> 519 <span class="menu-toggle__bar"></span> 520 </button> 521 <a class="navbar-brand" href="https://artecultura.tv/live/"><span>ARTE</span>CULTURA TV</a> 522 </nav> 523 524 <!-- DROPDOWN MENU --> 525 <div class="dropdown-menu" id="dropdownMenu"> 526 <a href="index.php"><i class="fas fa-tv"></i>LIVE TV</a> 527 <a href="arte.php"><i class="fas fa-paint-brush"></i>ARTE</a> 528 <a href="danza.php"><i class="fas fa-child"></i>DANZA</a> 529 <a href="musica.php"><i class="fas fa-music"></i>MUSICA</a> 530 <a href="storia.php"><i class="fas fa-landmark"></i>STORIA</a> 531 <a href="teatro.php"><i class="fas fa-theater-masks"></i>TEATRO</a> 532 533 <div class="menu-divider"></div> 534 535 <a href="pandemia_longoni.php"><i class="fas fa-play-circle"></i>On Demand</a> 536 <a href="#"><i class="fas fa-star"></i>Abbonati</a> 537 <a href="#"><i class="fas fa-envelope"></i>Contatti</a> 538 </div> 539 <!-- ð¥ MAIN VIDEO STREAM --> 540 <div style='position: relative; padding-bottom: 56.25%; height: 0;'><iframe src='//app.viloud.tv/player/embed/channel/92121c15e14cd4c63dbd83bc0fa32953?autoplay=1&volume=1&controls=1&title=1&share=0&open_playlist=0&random=0' style='position: absolute; top: 0; left: 0; width: 100%; height: 100%;' frameborder='0' allow='autoplay' allowfullscreen></iframe></div> 541 542 <div class="container py-5"> 543 544 <!-- ðº CHANNELS SECTION --> 545 <h2 class="section-title fade-in">Canali</h2> 546 <div class="channels-grid"> 547 <div class="channel-card" onclick="location.href='index.php'"> 548 <img src="images/canali/mix_play_live.png" alt="Live TV"> 549 <h3>Live TV</h3> 550 </div> 551 <div class="channel-card" onclick="location.href='arte.php'"> 552 <img src="images/canali/arte_play.png" alt="Arte"> 553 <h3>ARTE</h3> 554 </div> 555 <div class="channel-card" onclick="location.href='danza.php'"> 556 <img src="images/canali/danza_play.png" alt="Danza"> 557 <h3>DANZA</h3> 558 </div> 559 <div class="channel-card" onclick="location.href='musica.php'"> 560 <img src="images/canali/music_play.png" alt="Musica"> 561 <h3>MUSICA</h3> 562 </div> 563 <div class="channel-card" onclick="location.href='storia.php'"> 564 <img src="images/canali/storia_play.png" alt="Storia"> 565 <h3>STORIA</h3> 566 </div> 567 <div class="channel-card" onclick="location.href='teatro.php'"> 568 <img src="images/canali/teatro_play.png" alt="Teatro"> 569 <h3>TEATRO</h3> 570 </div> 571 </div> 572 </div> 573 574 <!-- ð ON DEMAND SECTION --> 575 <div class="container"> 576 <h2 class="section-title fade-in">On Demand - in evidenza</h2> 577 <div class="ondemand-grid"> 578 <div class="ondemand-item"> 579 <a href="/ondemand"> 580 <div class="ondemand-img-container"> 581 <img src="images/Pandemia_ondemand_Artecultura_TV.png" alt="Pandemia - Film"> 582 </div> 583 <div class="ondemand-caption"> 584 <h3>Pandemia</h3> 585 <p>Documentario ⢠2023</p> 586 </div> 587 </a> 588 </div> 589 590 <div class="ondemand-item"> 591 <a href="/ondemand/a_distanza"> 592 <div class="ondemand-img-container"> 593 <img src="images/A_DISTANZA_OFFICINA_DELLE_ARTI_PIERI_PAOLO_PASOLINI.png" alt="A Distanza - Documentario"> 594 </div> 595 <div class="ondemand-caption"> 596 <h3>A Distanza</h3> 597 <p>Documentario ⢠2022</p> 598 </div> 599 </a> 600 </div> 601 602 <div class="ondemand-item"> 603 <a href="/GJFchannel"> 604 <div class="ondemand-img-container"> 605 <img src="images/GJF_ondemand_ArteculturaTV.png" alt="Giornate del Jazz"> 606 </div> 607 <div class="ondemand-caption"> 608 <h3>Giornate del Jazz</h3> 609 <p>Musica ⢠Live</p> 610 </div> 611 </a> 612 </div> 613 614 <div class="ondemand-item"> 615 <a href="/PalcodAutore-channel"> 616 <div class="ondemand-img-container"> 617 <img src="images/PalcodAutore_arteculturaTV.png" alt="Palco d'Autore"> 618 </div> 619 <div class="ondemand-caption"> 620 <h3>Palco d'Autore</h3> 621 <p>Teatro ⢠Performance</p> 622 </div> 623 </a> 624 </div> 625 626 <div class="ondemand-item"> 627 <a href="/ArtGallery-channel/vod"> 628 <div class="ondemand-img-container"> 629 <img src="images/Artgallery_arteculturaTV.png" alt="Art Gallery"> 630 </div> 631 <div class="ondemand-caption"> 632 <h3>Art Gallery</h3> 633 <p>Arte ⢠Mostre</p> 634 </div> 635 </a> 636 </div> 637 </div> 638 <!-- ð CALL TO ACTION --> 639 <div class="cta-section fade-in"> 640 <h3 class="cta-title">Non perderti i nostri contenuti esclusivi</h3> 641 <p class="mb-4">Iscriviti per accedere a tutti i contenuti on demand e live.</p> 642 <a href="/subscribe" class="btn btn-stream"> 643 <i class="fas fa-play-circle me-2"></i>Abbonati Ora 644 </a> 645 </div> 646 647 648 <!-- ð¢ FOOTER --> 649 <footer class="footer"> 650 <div class="container text-center"> 651 <div class="footer-logo fade-in">
652 <span>ARTE</span>CULTURA TV 653 </div> 654 <p class="mb-4">La piattaforma di streaming dedicata all'arte e alla cultura.</p> 655 656 <div class="social-links mb-4"> 657 <a href="https://facebook.com/arteculturatvofficial" target="_blank"><i class="fab fa-facebook-f"></i></a> 658 <a href="https://twitter.com/ARTECULTURA_TV" target="_blank"><i class="fab fa-twitter"></i></a> 659 <a href="" target="_blank"><i class="fab fa-instagram"></i></a> 660 <a href="" target="_blank"><i class="fab fa-youtube"></i></a> 661 </div> 662 663 <div class="press-logos fade-in"> 664 <img src="images/logo-IlSole24ore_b.png" alt="Il Sole 24 Ore" width="80" height="auto"> 665 <img src="images/msgr_logobk.png" alt="Il Messaggero" width="80" height="auto"> 666 <img src="images/libero_logob.png" alt="Libero" width="80" height="auto"> 667 <img src="images/logo-askanews.png" alt="AskaNews" width="80" height="auto"> 668 <img src="images/logo-RDS-bk.png" alt="RDS" width="80" height="auto"> 669 <img src="images/todayit_logo.png" width="80" height="auto"" alt="Today"> 670 <img src="images/logo_affari_italiani.png" alt="Affari Italiani" width="80" height="auto"> 671 </div> 672 673 <div class="mt-4"> 674 <a href="/privacy" style="color: rgba(255,255,255,0.7); text-decoration: none; margin: 0 10px;">Privacy Policy</a> 675 <a href="/terms" style="color: rgba(255,255,255,0.7); text-decoration: none; margin: 0 10px;">Termini di Servizio</a> 676 <a href="/contact" style="color: rgba(255,255,255,0.7); text-decoration: none; margin: 0 10px;">Contatti</a> 677 </div> 678 679 <div class="copyright fade-in"> 680 © 2025 ARTECULTURA TV. Tutti i diritti riservati. 681 </div> 682 </div> 683 </footer> 684 <!-- Scripts --> 685
685<script src="js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 685
685
686<script> 687document.addEventListener('DOMContentLoaded', function() { 688 const menuToggle = document.getElementById('menuToggle'); 689 const dropdownMenu = document.getElementById('dropdownMenu'); 690 691 // Assicurati che il menu sia inizialmente nascosto 692 dropdownMenu.classList.remove('active'); 693 694 menuToggle.addEventListener('click', function(event) { 695 event.stopPropagation(); // Previene che il click si propaghi al documento 696 menuToggle.classList.toggle('active'); 697 dropdownMenu.classList.toggle('active'); 698 }); 699 700 // Chiudi il menu quando si fa clic su un link 701 const menuLinks = dropdownMenu.querySelectorAll('a'); 702 menuLinks.forEach(link => { 703 link.addEventListener('click', function() { 704 menuToggle.classList.remove('active'); 705 dropdownMenu.classList.remove('active'); 706 }); 707 }); 708 709 // Chiudi il menu quando si fa clic al di fuori 710 document.addEventListener('click', function(event) { 711 if (!menuToggle.contains(event.target) && !dropdownMenu.contains(event.target)) { 712 menuToggle.classList.remove('active'); 713 dropdownMenu.classList.remove('active'); 714 } 715 }); 716}); 717</script>
vendor: 1 bytes, line 717
717
718<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d7540ec50eb04ecb9c8e759355c75c09","r":1,"spa":2}' crossorigin="anonymous"></script>
718 719</body> 720</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.