#document <!--DOCTYPE html--> <html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=no"> <title>SoundCloud Widget</title> <base target="_blank"> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="//wis.sndcdn.com"> <link rel="dns-prefetch" href="//i1.sndcdn.com"> <meta http-equiv="x-dns-prefetch-control" content="off"> <link rel="stylesheet" href="/player/assets/widget-16150493.css"><script src="/player/assets/widget-80031e53.js"></script><script>require(["lib/support", "lib/flash-widget"], function(support, flashWidget) {if (support.newWidget) { require(["application"], function(A) {A.start("9def9c31",{"_prefix":"/player","layouts/visual-single-sound":"/assets/layouts/visual-single-sound-9def9c31.js","layouts/visual-multi-sounds":"/assets/layouts/visual-multi-sounds-9def9c31.js","layouts/single-sound":"/assets/layouts/single-sound-42ddf4a4.js","layouts/multi-sounds":"/assets/layouts/multi-sounds-42ddf4a4.js","layouts/error":"/assets/layouts/error-4ba07be5.js"})}) } else { $(flashWidget.start); }});</script><style>.progress{pointer-events:none;position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:1;-webkit-transition:-webkit-transform .2s ease,opacity .6s linear;transition:transform .2s ease,opacity .6s linear}.progress.hidden{opacity:0}</style><style>.cookiePolicy{position:fixed;bottom:0;left:0;z-index:1000;padding:1px 3px;opacity:.8;font-size:10px;border-top-right-radius:2px}.cookiePolicy,.cookiePolicy:visited{color:#999}</style><script async="" src="https://ssl.google-analytics.com/ga.js"></script><script async="" src="/player/assets/layouts/single-sound-42ddf4a4.js"></script><style>.singleSound{border-radius:3px;overflow:hidden}</style><script async="" src="https://sb.scorecardresearch.com/beacon.js"></script><style>.compactSound{padding:7px}.compactSound__artwork{margin-right:15px;width:100px;height:100px}.compactSound__content{position:relative;height:100px}.compactSound__header{position:absolute;left:0;right:0;top:0;height:55px}.compactSound__waveform{position:absolute;left:0;right:0;top:55px;height:45px}.compactSound.state-small .compactSound__artwork{display:none;margin-right:0}</style><style>.image{position:relative;width:100%;height:100%;background-color:#f2f2f2;background-image:url(/player/assets/images/default/cloudx200-d1068b51.png);background-position:center center;background-repeat:no-repeat}.image-sound.image-full{background-image:url(/player/assets/images/default/cloud-0f541944.png);background-size:100px 60px}.image__placeholder{position:absolute}.image__full{position:relative;opacity:1}.image__placeholder,.image__full{background-size:cover;background-position:50% 50%}.image.fadeIn>.image__full{opacity:0}.image-20{background-size:20px 20px}.image-20,.image-40{background-image:url(/player/assets/images/default/cloudx40-d1068b51.png)}.image-50{background-image:url(/player/assets/images/default/cloudx50-d1068b51.png)}.image-80{background-image:url(/player/assets/images/default/cloudx80-d1068b51.png)}.image-120{background-image:url(/player/assets/images/default/cloudx120-d1068b51.png)}.image-full{background-image:url(/player/assets/images/default/cloudx500-d1068b51.png)}.image-user.image-20,.image-user.image-40{background-image:url(/player/assets/images/default/userx40-377f1b9e.png)}.image-user.image-50{background-image:url(/player/assets/images/default/userx50-377f1b9e.png)}.image-user.image-80{background-image:url(/player/assets/images/default/userx80-377f1b9e.png)}.image-user.image-120{background-image:url(/player/assets/images/default/userx120-377f1b9e.png)}.image-user,.image-user.image-200{background-image:url(/player/assets/images/default/userx200-377f1b9e.png)}.image-group.image-20,.image-group.image-40{background-image:url(/player/assets/images/default/groupx40-377f1b9e.png)}.image-group.image-50{background-image:url(/player/assets/images/default/groupx50-377f1b9e.png)}.image-group.image-80{background-image:url(/player/assets/images/default/groupx80-377f1b9e.png)}.image-group.image-120{background-image:url(/player/assets/images/default/groupx120-377f1b9e.png)}.image-group,.image-group.image-200{background-image:url(/player/assets/images/default/groupx200-377f1b9e.png)}</style><style>.artwork__link,.artwork__img,.artwork{display:block;position:relative;height:100%;width:100%}.artwork__userAvatar{width:100%}.artwork__follow{opacity:0;position:absolute;bottom:10px;left:10px}.artwork:hover .artwork__follow{opacity:1;display:block}</style><style>.playButton{position:relative;display:inline-block;width:43px;height:43px;margin:0;padding:0;vertical-align:middle;border:0;background:transparent}.playButton:focus{outline:none}.playButton:disabled,.playButton.disabled{opacity:.4}.playButton__play{display:block}.playButton__pause{display:none}.playButton.playing .playButton__play{display:none}.playButton.playing .playButton__pause{display:block}</style><style>.title__h1,.title__h2{display:inline-block;max-width:100%;vertical-align:bottom}.title__h1{margin-bottom:1px;font-size:12px;line-height:16px;font-weight:100}.title__h1:hover{color:#999}.title__h2{font-family:'Interstate','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Garuda,Verdana,Tahoma,sans-serif;font-size:14px;line-height:18px;font-weight:400}</style><style>.soundHeader__playButton{margin-top:3px;margin-right:6px}.soundHeader__title{margin-top:6px}.soundHeader__rightRow{height:22px}.soundHeader__actions,.soundHeader__logo{float:right;position:relative}.soundHeader .soundHeader__likeButton{display:none}.soundHeader.likeVisible .soundHeader__likeButton{display:inline-block}.soundHeader.state-small .soundTitle__title,.soundHeader.state-medium .soundTitle__title{position:absolute;left:49px;right:65px}.soundHeader.visual.state-small .soundTitle__title,.soundHeader.visual.state-medium .soundTitle__title{left:59px}.soundHeader.visual .soundHeader__actions{top:-3px}.soundHeader.visual .soundHeader__logo{right:-1px}</style><style>.timeIndicator{position:relative;width:100%;height:100%}.timeIndicator__total,.timeIndicator__current{position:absolute;bottom:0;background:rgba(0,0,0,.9);padding:0 2px;font-size:10px;line-height:1.6}.timeIndicator__current{display:none;color: #ff5500 ;border-top-right-radius:3px}.timeIndicator__total{right:0;color:#999;border-top-left-radius:3px}.timeIndicator.endOfSound .timeIndicator__current,.timeIndicator.endOfSound .timeIndicator__total{border-radius:0}</style><style>.scrubber{position:relative;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0)}</style><style>.waveform{position:relative;width:100%;height:100%;z-index:1;opacity:0}.waveform.visible{opacity:1}.waveform.visual.visible .waveform__waveformCanvas{opacity:.4}.waveform:hover .waveform__waveformCanvas,.waveform.hover .waveform__waveformCanvas,.waveform.playing .waveform__waveformCanvas,.waveform.visual.playing .waveform__waveformCanvas,.waveform.visual.hover .waveform__waveformCanvas{opacity:1}.waveform__layer{position:absolute;top:0;left:0;width:100%;height:100%}.waveform__commentsScrubber{padding-bottom:25px}.waveform__scrubber{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.waveform__emptyWaveform{position:relative}.waveform__emptyMessage{position:absolute;text-align:center;width:100%;bottom:5px;color:#000;font-size:11px;text-shadow:1px 1px 1px #fff}.single .waveform__emptyMessage{font-size:16px}.waveform__playHint{position:absolute;text-align:center;width:100%;bottom:5px;font-size:11px;text-shadow:none;opacity:0}.single .waveform__playHint{font-size:16px;opacity:1;-webkit-animation:g-fadein 500ms linear;animation:g-fadein 500ms linear}.sound:hover .waveform__playHint{opacity:1}</style></head> <body> <div id="widget" class="widget g-background-default g-shadow-inset" style="height: 100%;"><div role="bar" class="progress sc-background-orange hidden" style="-webkit-transform: translate3d(0%, 0px, 0px);"></div><a class="cookiePolicy sc-background-light" href="https://soundcloud.com/pages/cookies">Cookie policy</a><div class="singleSound g-box-full"><div class="soundContainer g-box-full"><div class="compactSound g-box-full g-background-default"><div class="sc-media"> <div class="compactSound__artwork sc-media-left"> <div class="artwork"> <div class="image artwork__img image-full image-sound"> <img alt="Flowiler" class="image__full g-opacity-transition" height="100%" src="//i3.sndcdn.com/artworks-000075345768-647gy4-t200x200.jpg?671e660" width="100%"> </div> </div> </div> <div class="compactSound__content sc-media-body"> <div class="compactSound__header"> <div class="soundHeader sc-media"><div class="soundHeader__playButton sc-media-left"> <button class="playButton" title="Play"><svg xmlns="http://www.w3.org/2000/svg" width="43" height="43"> <defs> <linearGradient id="playButton__gradient19" x1="0%" y1="0%" x2="0%" y2="100%" spreadMethod="pad"> <stop offset="0%" stop-color="#ff5500" stop-opacity="1"></stop> <stop offset="100%" stop-color="#ff2200" stop-opacity="1"></stop> </linearGradient> </defs> <circle fill="url(#playButton__gradient19)" stroke="#cc4400" cx="21.5" cy="21.5" r="21"></circle> <path class="playButton__play" fill="#fff" d="M31,21.5L17,33l2.5-11.5L17,10L31,21.5z"></path> <g fill="#fff" class="playButton__pause"> <rect x="15" y="12" width="5" height="19"></rect> <rect x="23" y="12" width="5" height="19"></rect> </g> </svg> </button> </div> <div class="sc-media-right"> <div class="soundHeader__rightRow sc-clearfix"> <div class="soundHeader__logo"> <a class="logo" href="https://soundcloud.com/user546063" title="SoundCloud"><style type="text/css"> .logo { display: inline-block; height: 22px; padding: 5px 0; } .logo__path { fill: #999; } .logo.visual .logo__path { fill: #fff; } .logo.alt .logo__path { fill: #333; } .logo:hover .logo__path { fill: url("#logo_hover_28"); } .logo.state-small { width: 25px; overflow: hidden; } </style> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="14"> <defs> <linearGradient id="logo_hover_28" x1="0%" y1="0%" x2="0%" y2="100%" spreadMethod="pad"> <stop offset="0%" stop-color="#ff7700" stop-opacity="1"></stop> <stop offset="100%" stop-color="#ff3300" stop-opacity="1"></stop> </linearGradient> </defs> <path class="logo__path" d="M10.517 3.742c-.323 0-.49.363-.49.582 0 0-.244 3.591-.244 4.641 0 1.602.15 2.621.15 2.621 0 .222.261.401.584.401.321 0 .519-.179.519-.401 0 0 .398-1.038.398-2.639 0-1.837-.153-4.127-.284-4.592-.112-.395-.313-.613-.633-.613zm-1.996.268c-.323 0-.49.363-.49.582 0 0-.244 3.322-.244 4.372 0 1.602.119 2.621.119 2.621 0 .222.26.401.584.401.321 0 .581-.179.581-.401 0 0 .081-1.007.081-2.608 0-1.837-.206-4.386-.206-4.386 0-.218-.104-.581-.425-.581zm-2.021 1.729c-.324 0-.49.362-.49.582 0 0-.272 1.594-.272 2.644 0 1.602.179 2.559.179 2.559 0 .222.229.463.552.463.321 0 .519-.241.519-.463 0 0 .19-.944.19-2.546 0-1.837-.253-2.657-.253-2.657 0-.22-.104-.582-.425-.582zm-2.046-.358c-.323 0-.49.363-.49.582 0 0-.162 1.92-.162 2.97 0 1.602.069 2.496.069 2.496 0 .222.26.557.584.557.321 0 .581-.304.581-.526 0 0 .143-.936.143-2.538 0-1.837-.206-2.96-.206-2.96 0-.218-.198-.581-.519-.581zm-2.169 1.482c-.272 0-.232.218-.232.218v3.982s-.04.335.232.335c.351 0 .716-.832.716-2.348 0-1.245-.436-2.187-.716-2.187zm18.715-.976c-.289 0-.567.042-.832.116-.417-2.266-2.806-3.989-5.263-3.989-1.127 0-2.095.705-2.931 1.316v8.16s0 .484.5.484h8.526c1.655 0 3-1.55 3-3.155 0-1.607-1.346-2.932-3-2.932zm10.17.857c-1.077-.253-1.368-.389-1.368-.815 0-.3.242-.611.97-.611.621 0 1.106.253 1.542.699l.981-.951c-.641-.669-1.417-1.067-2.474-1.067-1.339 0-2.425.757-2.425 1.99 0 1.338.873 1.736 2.124 2.026 1.281.291 1.513.486 1.513.923 0 .514-.379.738-1.184.738-.65 0-1.26-.223-1.736-.777l-.98.873c.514.757 1.504 1.232 2.639 1.232 1.853 0 2.668-.873 2.668-2.163 0-1.477-1.193-1.845-2.27-2.097zm6.803-2.745c-1.853 0-2.949 1.435-2.949 3.502s1.096 3.501 2.949 3.501c1.852 0 2.949-1.434 2.949-3.501s-1.096-3.502-2.949-3.502zm0 5.655c-1.097 0-1.553-.941-1.553-2.153 0-1.213.456-2.153 1.553-2.153 1.096 0 1.551.94 1.551 2.153.001 1.213-.454 2.153-1.551 2.153zm8.939-1.736c0 1.086-.533 1.756-1.396 1.756-.864 0-1.388-.689-1.388-1.775v-3.897h-1.358v3.916c0 1.978 1.106 3.084 2.746 3.084 1.726 0 2.754-1.136 2.754-3.103v-3.897h-1.358v3.916zm8.142-.89l.019 1.485c-.087-.174-.31-.515-.475-.768l-2.703-3.692h-1.362v6.894h1.401v-2.988l-.02-1.484c.088.175.311.514.475.767l2.79 3.705h1.213v-6.894h-1.339v2.975zm5.895-2.923h-2.124v6.791h2.027c1.746 0 3.474-1.01 3.474-3.395 0-2.484-1.437-3.396-3.377-3.396zm-.097 5.472h-.67v-4.152h.719c1.436 0 2.028.688 2.028 2.076 0 1.242-.651 2.076-2.077 2.076zm7.909-4.229c.611 0 1 .271 1.242.737l1.26-.582c-.426-.883-1.202-1.503-2.483-1.503-1.775 0-3.016 1.435-3.016 3.502 0 2.143 1.191 3.501 2.968 3.501 1.232 0 2.047-.572 2.513-1.533l-1.145-.68c-.358.602-.718.864-1.329.864-1.019 0-1.611-.932-1.611-2.153-.001-1.261.583-2.153 1.601-2.153zm5.17-1.192h-1.359v6.791h4.083v-1.338h-2.724v-5.453zm6.396-.157c-1.854 0-2.949 1.435-2.949 3.502s1.095 3.501 2.949 3.501c1.853 0 2.95-1.434 2.95-3.501s-1.097-3.502-2.95-3.502zm0 5.655c-1.097 0-1.553-.941-1.553-2.153 0-1.213.456-2.153 1.553-2.153 1.095 0 1.55.94 1.55 2.153.001 1.213-.454 2.153-1.55 2.153zm8.557-1.736c0 1.086-.532 1.756-1.396 1.756-.864 0-1.388-.689-1.388-1.775v-3.794h-1.358v3.813c0 1.978 1.106 3.084 2.746 3.084 1.726 0 2.755-1.136 2.755-3.103v-3.794h-1.36v3.813zm5.449-3.907h-2.318v6.978h2.211c1.908 0 3.789-1.037 3.789-3.489 0-2.552-1.565-3.489-3.682-3.489zm-.108 5.623h-.729v-4.266h.783c1.565 0 2.21.706 2.21 2.133.001 1.276-.707 2.133-2.264 2.133z"></path> </svg> </a> </div> </div> <div class="soundHeader__rightRow sc-clearfix"> <div class="soundHeader__actions"> <div class="sc-button-group sc-button-group-pill soundHeader__buttons"> </div> </div> </div> </div> <div class="soundHeader__title sc-media-body"> <div class="title"> <a class="title__h1 sc-truncate sc-link-light g-text-shadow " href="http://soundcloud.com/user546063" title="irascibledistribution"> irascibledistribution </a> <br> <span title="Flowiler" class="title__h2 sc-truncate sc-link-dark g-text-shadow ">Flowiler</span> </div> </div> </div> </div> <div class="compactSound__waveform"> <div class="waveform sc-selection-disabled g-opacity-transition visible playing"> <div class="waveform__layer waveform__waveformCanvas g-opacity-transition"> <canvas class="waveformCanvas g-box-full sc-pointer drawn" width="340" height="45"></canvas> </div> <div class="waveform__layer" style="height:70%;"> <div class="timeIndicator"><div class="timeIndicator__current" style="display: block; left: 38px;">0:33</div> <div class="timeIndicator__total">5:02</div> </div> </div> <div class="waveform__layer waveform__scrubber" style="height:70%;"> <div class="scrubber"><div class="scrubber__positionIndicator"></div> </div> </div> </div> </div> </div> </div> </div></div></div></div> </body></html>
Keine Kommentare:
Kommentar veröffentlichen