<!-- Audio + Video incl. GEMA -->
<!-- welche Medien ham wir noch ?? -->
<!-- Audioplayer mit Playlist https://codepen.io/BloodyGaming11/pen/MNgoxo -->

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <!-- jQuery Einbindung muss vor jquery.jkit stehen -->
<script type="text/javascript" src="/intern/jwplayer/jwplayer.js"></script><!-- für Video -->
<style type="text/css">
  #hmendel1, #hmendel2, #hmendel3, #hdask1, #hdask2, #hdask3, #hsuite1, #hsuite2, #hsuite3, #hsuite4, #hsuite5, #hpiazz1, #hschosta1, #hliber1 
  { display: none; }
  /* .eins td, .zwei td { background-color: #fdfdfd; */ /*e3dab5 dde2ef d2daef*/ }
  /*.zwei td { background-color: #fbfbfb; ede7ce e3f6ce dbe9bf*/ }
  /*.eins td:hover, .zwei td:hover { background-color: whitesmoke; }*/

  .kleiner { font-size: 0.9em; }
  .cell { border-left: 1px solid silver; border-bottom: 1px solid silver; text-align: center; }
  .links { border-left: 1px solid silver; }
  td { text-align: center; vertical-align: top; padding-top: 20px; }
  img {margin-top: 0px; }
</style>

<script type="text/javascript">
function pwCheck(wer) {
  var pw = "";
  var eingabe = window.prompt(" aus Urheberrechtsgründen (GEMA) bleibt das Abspielen \n der Werke von "+wer+" unseren Mitgliedern vorbehalten\n\n Bitte das Mitglieder-Passwort eingeben: ");
  if (eingabe == null || eingabe == "") return false;
  for (var i=eingabe.length-1 ; i>=0 ; i--){
    pw += eingabe.charCodeAt(i);
  //pw = pw.replace('0',i); //das ist nur um die Russen zu verwirren
  }

//alert(pw); //da sieht man wie das pw aussieht ...
//if (pw !=       '1651541131219711498') {
//if (pw != '5986461651541131219711498') { //Version Russenverwirrung
  if (pw != '5086461051001101019711498') { //Version deutschkorrekt
    alert("Sorry, falsches Passwort");
    return false;
  }
  return true;
}

function showPlayer(playId) {
  var what = '';
  var play = 'https://www.bko-berlin.de/images/icons/basic_icons/icon_arrow_down_32.png';
  var back = 'https://www.bko-berlin.de/images/icons/basic_icons/icon_arrow_up_32.png';
  var gema = 'https://www.bko-berlin.de/images/icons/basic_icons/icon_door_in_32.png';
  var stop = 'https://www.bko-berlin.de/images/icons/basic_icons/icon_door_out_32.png';
//var play = 'https://www.bko-berlin.de/images/icons/player_play22.png';
//var back = 'https://www.bko-berlin.de/images/icons/player_eject22.png';
//var gema = 'https://www.bko-berlin.de/images/icons/player_mute22.png';
//var stop = 'https://www.bko-berlin.de/images/icons/player_eject_gema.png';
//var name = document.getElementById("i"+playId).src;
  var icon = document.getElementById("i"+playId).src; //<img id="imendel" src="/images/icons/player_play22.png">

//alert(playId);
  switch (playId) {
    case 'schosta' :
      jQuery('#h'+playId+'1').slideToggle('slow'); break;
    case 'liber' :
    //var element = document.getElementById('h'+playId+'1').style.display; 
      if (document.getElementById('h'+playId+'1').style.display != 'block') {
        if (!pwCheck('Piazzolla')) return false;
      }
      
    //jQuery('#h'+playId+'1').slideToggle('slow'); break;
    case 'mendel' :
      jQuery('#h'+playId+'1').slideToggle('slow');
      jQuery('#h'+playId+'2').slideToggle('slow');
      jQuery('#h'+playId+'3').slideToggle('slow'); break;
    case 'dask' :
      jQuery('#h'+playId+'1').slideToggle('slow');
      jQuery('#h'+playId+'2').slideToggle('slow');
      jQuery('#h'+playId+'3').slideToggle('slow'); break;
    case 'suite' :
      var element = document.getElementById('h'+playId+'1').style.display;
      if (document.getElementById('h'+playId+'1').style.display != 'block') {
        if (!pwCheck('Sch\u00f6nberg')) return false;
      }
      jQuery('#h'+playId+'1').slideToggle('slow'); //.fadeToggle('slow');
      jQuery('#h'+playId+'2').slideToggle('slow');
      jQuery('#h'+playId+'3').slideToggle('slow');
      jQuery('#h'+playId+'4').slideToggle('slow');
      jQuery('#h'+playId+'5').slideToggle('slow'); break;
    case 'piazz' :
      var element = document.getElementById('h'+playId+'1').style.display;
      if (document.getElementById('h'+playId+'1').style.display != 'block') {
        if (!pwCheck('A. Piazzolla')) return false;
      }
      jQuery('#h'+playId+'1').slideToggle('slow'); break;
    default   :
      jQuery('#h'+playId).slideToggle('slow'); break;
  }

  switch (icon) {
    case play : what = back; text = 'Audi verbergen'; break;
    case back : what = play; text = 'Audi abspielen'; break;
    case gema : what = stop; text = 'Gema-Audi verbergen'; break;
    case stop : what = gema; text = 'Gema-Audi abspielen'; break;
  }
  document.getElementById("i"+playId).src=what;
  document.getElementById("i"+playId).title=text;
//alert(icon+'\n'+what);
}
</script>

<table style="table-layout: fixed; border-collapse: collapse;">

<tr class="eins"><!-- Libertango 2025-01-26 --><!-- zwei -->
<td class='links'>Astor Piazzolla<br>1921 &ndash; 1992<p>
</td>
<td><b>Libertango</b>
<br>Steffen Tast, Leitung</td>
<td>26. 01. 2025<br>Theater im Delphi<br>Berlin Wei&szlig;ensee</td>
</tr>
<tr class="eins"><!-- zwei -->
  <td colspan="3" class="cell">
  <a href="#liber" onClick="showPlayer('liber');"><img id="iliber" title="Gema-Video abspielen" alt="Gema-Video abspielen" src="/images/icons/basic_icons/icon_door_in_32.png"></a><p> <!-- icon_door_in_32 icon_arrow_down_32 -->
  <div id="hliber1" style="margin-left: 23%;">
    <div id="liber">Loading the player...</div><!-- style="height: 15%; weight: 20%;" -->
    <script type="text/javascript">
        jwplayer("liber").setup({
            file: "/intern/mp4-gema/Piazzolla Libertango.mp4", 
            <!-- file: "/intern/mp4/Streichersinfonie_Grave-Allegro.mp4", -->
            <!-- image: "/images/fotos/HKK_201701.jpg" -->
        });
    </script>
    <span class="klein" style="margin-left: -30%;">Libertango &nbsp;[3:57]</span><br>
    <span class="quelle" style="margin-left: -30%;">Bild- und Tonmaterial: &nbsp;Brandenburgisches Kammerorchester Berlin</span>
  </div>
</td></tr>
<tr><td>&nbsp;</td></tr><!-- Leerzeile -->

<tr class="eins"><!-- Schostakowitsch Konzert Klavier und Trompete 2023-01-22 -->
<td class='links'>Dimitri Schostakowitsch<br>1906 &ndash; 1975<p>
</td>
<td><b>Konzert für Klavier, Trompete und Streicher</b>
<br>Yuki Inagawa, Klavier
<br>Carsten Gabriel, Trompete
<br>Mariano Domingo, Leitung</td>
<td>22. 01. 2023<br>Ernst-Reuter-Saal<br>Berlin Reinickendorf</td>
</tr>
<tr class="eins">
  <td colspan="3" class="cell">
  <a href="#schosta" onClick="showPlayer('schosta');"><img id="ischosta" title="Youtube aufrufen" alt="Youtube aufrufen" src="/images/icons/basic_icons/icon_arrow_down_32.png"></a><p>
  <div id="hschosta1"> <!--  style="margin-left: 3%;" -->
    <a href="https://youtu.be/XChKH6TBWqk">Youtube Video</a><p>
    <span class="quelle">Bild- und Tonmaterial: &nbsp;Yuki Inagawa</span><br><!--  style="margin-left: -10%;" -->
  </div>
</td></tr>
<tr><td>&nbsp;</td></tr><!-- Leerzeile -->

<tr class="eins"><!-- Mendelssohn Streicher-Sinfonie 2017-01-22 -->
<td class='links'>Felix Mendelssohn Bartholdy<br>1809 &ndash; 1847<p>
</td>
<td><b>Streichersümfonie Nr. 4 c-Moll</b>
<br>Rainer Kimstedt, Leitung</td>
<td>22. 01. 2017<br>Heilig-Kreuz-Kirche<br>Berlin Kreuzberg</td>
</tr>
<tr class="eins">
  <td colspan="3" class="cell">
  <a href="#mendel" onClick="showPlayer('mendel');"><img id="imendel" title="Audio abspielen" alt="Audio abspielen" src="/images/icons/basic_icons/icon_arrow_down_32.png"></a><p>
  <div id="hmendel3" style="margin-left: 23%;">
    <div id="mendelssohn">Loading the player...</div>
    <script type="text/javascript">
        jwplayer("mendelssohn").setup({
            file: "/intern/mp4/Streichersinfonie_Grave-Allegro.mp4",
            image: "/images/fotos/HKK_201701.jpg"
        });
    </script>
    <span class="klein" style="margin-left: -30%;">Grave - Allegro &nbsp;[3:43]</span><br>
    <span class="quelle" style="margin-left: -30%;">Bild- und Tonmaterial: &nbsp;Ariadne Daskalakis</span>
  </div>
  <p>
  <div id="hmendel1">1. Satz Grave - Allegro:<br>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Mendelssohn_Sinfonie1_Grave_Allegro.mp3" controls></div><p>
  <div id="hmendel2">2. und 3. Satz Andante und Allegro:<br>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Mendelssohn_Sinfonie2_Andante_Allegro_vivace.mp3" controls>
  </div>
</td></tr>
<tr><td>&nbsp;</td></tr><!-- Leerzeile -->

<tr class="zwei"><!-- Mendelssohn Konzert 2017-01-22 -->
<td class='links'>Felix Mendelssohn Bartholdy<br>1809 &ndash; 1847<p>
</td>
<td><b>Konzert für Violine und Streichorchester d-Moll</b>
<br>mit Zugabe Passacaglia von H.I.F. Biber<br>Ariadne <a href="https://www.ariadne-daskalakis.com/" target="_blank" rel="noopener">Daskalakis</a>, Violine
<br>Rainer Kimstedt, Leitung</td>
<td>22. 01. 2017<br>Heilig-Kreuz-Kirche<br>Berlin Kreuzberg</td>
</tr>
<tr class="zwei"><td colspan="3" class="cell">
  <a href="#dask" onClick="showPlayer('dask');"><img id="idask" title="Audio abspielen" alt="Audio abspielen" src="/images/icons/basic_icons/icon_arrow_down_32.png"></a><p>
<!-- <div id="hdask1">[playlist ids="4603,4601,4602"]</div> -->
  <div id="hdask1">Violin-Konzert 1. Satz:<br>
    <span class="quelle">Bild- und Tonmaterial: &nbsp;Ariadne Daskalakis</span><p>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Daskalakis_Mendelssohn_Konzert_1.Satz_.mp3" controls></div><p>
  <div id="hdask2">Violin-Konzert 2. und 3. Satz:<br>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Daskalakis_Mendelssohn_Konzert_2.-3.Satz_.mp3" controls></div><p>
  <div id="hdask3">Zugabe Biber Passacaglia:<br>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Daskalakis_Zugabe_Passacaglia.mp3" controls>
  </div>
</td></tr>
<tr><td>&nbsp;</td></tr><!-- Leerzeile -->

<tr class="eins"><!-- Schönberg Suite 2017-01-22 -->
<td class='links'>Arnold Schönberg<br>1874 &ndash; 1951<p>
</td>
<td><b>Suite im alten Stile G-Dur für Streichorchester</b> (1934)
<br>Rainer Kimstedt, Leitung</td>
<td>22.01.2017<br>Heilig-Kreuz-Kirche<br>Berlin Kreuzberg</td>
</tr>
<tr class="eins"><td colspan="3" class="cell">
  <a href="#suite" onClick="showPlayer('suite');"><img id="isuite" title="Gema-Audio abspielen" alt="Audio abspielen" src="/images/icons/basic_icons/icon_door_in_32.png"></a><p>
<!-- <div id="hsuite1" style="margin: 20px;">[playlist ids="4599,4596,4600,4597,4598"]</div> -->
  <div id="hsuite1">Suite 1. Satz:<br>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Schönberg_Suite1_Ouverture_Largo_Allegro.mp3" controls></div><p>
  <div id="hsuite2">Suite 2. Satz:<br>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Schönberg_Suite2_Adagio.mp3" controls></div><p>
  <div id="hsuite3">Suite 3. Satz:<br>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Schönberg_Suite3_Menuett_Moderato_Trio.mp3" controls></div><p>
  <div id="hsuite4">Suite 4. Satz:<br>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Schönberg_Suite4_Gavotte_Moderato.mp3" controls></div><p>
  <div id="hsuite5">Suite 5. Satz:<br>
    <audio src="https://www.bko-berlin.de/bkob.v2/wp-content/uploads/2017/11/HKK_Schönberg_Suite5_Gigue_Moderato.mp3" controls></div><p>
</td></tr>
<tr><td>&nbsp;</td></tr><!-- Leerzeile -->

<tr class="zwei"><!-- Piazzolla Winter 2012-01-21 -->
<td class='links'>Astor Piazzolla<br>1921 &ndash; 1992<p>
</td>
<td><b>Las Cuatro Estaciones porteñas<br>
4 Seasons for Violin and String Orchestra</b><br><i>arr. by Leonid Desyatnikov</i><br>
Otoño Porteño (Herbst) &nbsp;[8:29]
<br>mit Rainer Kimstedt, Violine
<br>und Anna Carewe, Solo-Cello</td>
<td>21.01.2012<br>Kulturbrauerei, Kesselhaus<br>Berlin Prenzlauer Berg</td>
</tr>
<tr class="zwei"><td colspan="3" class="cell">
  <a href="#piazz" onClick="showPlayer('piazz');"><img id="ipiazz" title="Gema-Audio abspielen" alt="Audio abspielen" src="/images/icons/basic_icons/icon_door_in_32.png"></a><p>
<!-- <div id="hpiazz1" style="margin: 20px;">[embed]https://www.bko-berlin.de/intern/mp3-gema/bkob_Piazzolla_Herbst_mit_Cellosolo.mp3[/embed]</div> -->
  <div id="hpiazz1">Otoño Porteño:<br>
    <!-- <audio src="/members/mp3/08_Piazzolla_Otono_porteno.mp3" controls></div><p> -->
    <audio src="/intern/mp3-gema/bkob_Piazzolla_Herbst_mit_Cellosolo.mp3" controls></div><p>
</td></tr>
</table>

<!-- ------------------------------------------------------------------------------------------- -->
<!--
<span class="bkob"><b>Felix Mendelssohn</b>, Streichersinfonie Nr. 4 c-Moll</span>

<a href="#mendelv" onclick="showPlayer('mendelv');"><img class="down" id="imendelv" title="Video abspielen" alt="Video abspielen" src="/images/icons/player_play22.png"> &nbsp;&nbsp;Grave und Allegro</a> &nbsp;[3:43]
<a href="/intern/mp4/Streichersinfonie_Grave-Allegro.mp4" download="Streichersinfonie_Grave-Allegro.mp4"><img class="down" src="/images/icons/navigate_down/Navigate_down_Icon_24_grau.png">&nbsp;&nbsp;download</a> &nbsp;[451 MB]

<div id="hmendelv">
  <div id="mendelssohn">Loading the player...</div>
  <script type="text/javascript">
      jwplayer("mendelssohn").setup({
          file: "/intern/mp4/Streichersinfonie_Grave-Allegro.mp4",
          image: "/images/fotos/HKK_201701.jpg"
      });
  </script>
  <div class="klein">
  Streichersinfonie Nr. 4 c-Moll
  Grave und Allegro &nbsp;[3:43]
  Rainer Kimstedt, Dirigent

  Aufnahme: &nbsp;22.01.2017, Heilig-Kreuz-Kirche<br>Berlin Kreuzberg
  </div>
</div>
<span class="quelle">Bild- und Tonmaterial:</span> <span class="autor">Ariadne Daskalakis</span>
 -->
{"id":5906,"date":"2020-02-26T10:21:08","date_gmt":"2020-02-26T09:21:08","guid":{"rendered":"https:\/\/www.bko-berlin.de\/bkob.v2\/?page_id=5906"},"modified":"2022-01-10T10:04:07","modified_gmt":"2022-01-10T09:04:07","slug":"musikbeispiele","status":"publish","type":"page","link":"https:\/\/www.bko-berlin.de\/bkob.v2\/musikbeispiele\/","title":{"rendered":"Musikbeispiele"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page_fullwidth.php","meta":{"footnotes":""},"class_list":["post-5906","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bko-berlin.de\/bkob.v2\/wp-json\/wp\/v2\/pages\/5906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bko-berlin.de\/bkob.v2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bko-berlin.de\/bkob.v2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bko-berlin.de\/bkob.v2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bko-berlin.de\/bkob.v2\/wp-json\/wp\/v2\/comments?post=5906"}],"version-history":[{"count":1,"href":"https:\/\/www.bko-berlin.de\/bkob.v2\/wp-json\/wp\/v2\/pages\/5906\/revisions"}],"predecessor-version":[{"id":5907,"href":"https:\/\/www.bko-berlin.de\/bkob.v2\/wp-json\/wp\/v2\/pages\/5906\/revisions\/5907"}],"wp:attachment":[{"href":"https:\/\/www.bko-berlin.de\/bkob.v2\/wp-json\/wp\/v2\/media?parent=5906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}