- 제출된 URL:
- https://y2audio.com/
- 보고서 완료:
링크 · 1개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://statcounter.com/ |
JavaScript 변수 · 27개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| gtag | function |
| dataLayer | object |
| FB | object |
| scriptUrl | object |
| ttPolicy | object |
| YT | object |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en"><head>
<!-- Google tag (gtag.js) -->
<script type="text/javascript" async="" src="https://www.statcounter.com/counter/recorder.js"></script><script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/f8f53e1a/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script src="https://connect.facebook.net/en_US/sdk.js?hash=6652a9c66d839bc14a39b22fa74d71d5" async="" crossorigin="anonymous"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-K8N73G2VDH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-K8N73G2VDH');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>YouTube Audio Player - Save Bandwidth with Audio-Only Playback</title>
<!-- Primary Meta Tags -->
<meta name="title" content="YouTube Audio Player - Save Bandwidth with Audio-Only Playback">
<meta name="description" content="Save data and bandwidth by playing only the audio from YouTube videos. Perfect for music, podcasts, and lectures. Simple, fast, and mobile-friendly.">
<meta name="keywords" content="youtube audio player, youtube to audio, save bandwidth youtube, audio only youtube, youtube music player, youtube podcast player">
<meta name="robots" content="index, follow">
<meta name="language" content="English">
<meta name="author" content="YouTube Audio Player">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="YouTube Audio Player - Save Bandwidth with Audio-Only Playback">
<meta property="og:description" content="Save data and bandwidth by playing only the audio from YouTube videos. Perfect for music, podcasts, and lectures.">
<meta property="og:image" content="https://y2audio.com/youtube-audio-player.jpg">
<meta property="og:url" content="https://y2audio.com/">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@y2audio">
<meta name="twitter:title" content="YouTube Audio Player - Save Bandwidth with Audio-Only Playback">
<meta name="twitter:description" content="Save data and bandwidth by playing only the audio from YouTube videos. Perfect for music, podcasts, and lectures.">
<meta name="twitter:image" content="https://y2audio.com/youtube-audio-player.jpg">
<meta name="twitter:url" content="https://y2audio.com/">
<!-- Favicon -->
<link rel="icon" type="image/png" href="/favicon.ico">
<link rel="canonical" href="https://y2audio.com/">
<style>
/* Reset and base styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 1.6;
color: #333;
background: #f5f5f5;
padding: 20px;
}
/* Container styles */
.container {
max-width: 800px;
margin: 0 auto;
background: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
/* Header styles */
h1 {
color: #ff0000;
margin-bottom: 15px;
font-size: 2.5em;
text-align: center;
}
.subtitle {
text-align: center;
color: #666;
margin-bottom: 30px;
}
/* Input group styles */
.input-group {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
input {
flex: 1;
padding: 12px;
border: 2px solid #ddd;
border-radius: 8px;
font-size: 16px;
transition: border-color 0.3s;
}
input:focus {
border-color: #ff0000;
outline: none;
}
button {
padding: 12px 24px;
background: #ff0000;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
font-weight: 600;
transition: background 0.3s;
}
button:hover {
background: #cc0000;
}
/* Player controls */
.controls {
margin-top: 20px;
display: none;
gap: 15px;
align-items: center;
background: #f8f8f8;
padding: 15px;
border-radius: 8px;
}
#progress-bar {
flex: 1;
height: 8px;
background: #ddd;
border-radius: 4px;
cursor: pointer;
overflow: hidden;
}
#progress {
width: 0%;
height: 100%;
background: #ff0000;
border-radius: 4px;
transition: width 0.1s linear;
}
#time {
font-size: 14px;
color: #666;
min-width: 100px;
text-align: center;
}
#volume-control {
width: 100px;
}
.error {
color: #ff0000;
display: none;
margin-top: 10px;
text-align: center;
font-weight: 500;
}
/* Features section */
.features {
margin-top: 40px;
padding: 25px;
background: #f9f9f9;
border-radius: 10px;
}
.features h2 {
color: #333;
margin-bottom: 20px;
}
.features ul {
list-style: none;
padding: 0;
}
.features li {
margin-bottom: 12px;
padding-left: 28px;
position: relative;
}
.features li:before {
content: "✓";
color: #ff0000;
position: absolute;
left: 0;
font-weight: bold;
}
/* FAQ section */
.faq {
margin-top: 40px;
}
.faq h2 {
margin-bottom: 20px;
}
.faq h3 {
color: #333;
margin-top: 20px;
margin-bottom: 10px;
}
.faq p {
color: #666;
line-height: 1.6;
margin-bottom: 15px;
}
/* Footer */
footer {
margin-top: 40px;
text-align: center;
color: #666;
padding-top: 20px;
border-top: 1px solid #eee;
}
/* Responsive design */
@media (max-width: 768px) {
body {
padding: 10px;
}
.container {
width: 100%;
padding: 15px;
border-radius: 0;
box-shadow: none;
}
h1 {
font-size: 1.8em;
}
.input-group {
flex-direction: column;
gap: 10px;
}
input, button {
width: 100%;
padding: 10px;
font-size: 16px;
}
.controls {
flex-wrap: wrap;
justify-content: space-between;
}
.controls > * {
margin-bottom: 10px;
}
#progress-bar {
order: -1;
width: 100%;
margin-bottom: 10px;
}
#time {
flex-grow: 1;
text-align: right;
}
#volume-control {
width: 100%;
margin-top: 10px;
}
.features, .faq {
padding: 15px;
}
}
/* Touch-friendly adjustments */
@media (pointer: coarse) {
button, input {
min-height: 44px; /* Recommended touch
/* Touch-friendly adjustments */
@media (pointer: coarse) {
button, input {
min-height: 44px; /* Recommended touch target size */
padding: 12px;
}
#volume-control {
min-height: 44px;
}
}
/* Prevent text scaling on mobile */
@media (max-width: 768px) {
input, button, body {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
}
</style>
<style type="text/css" data-fbcssmodules="css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0px;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0px;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://z-p3-static.xx.fbcdn.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://z-p3-static.xx.fbcdn.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://z-p3-static.xx.fbcdn.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://z-p3-static.xx.fbcdn.net/rsrc.php/v4/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0px;margin:0px;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://z-p3-static.xx.fbcdn.net/rsrc.php/v4/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0px 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0px -1px 0px;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0px -1px 0px}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://z-p3-static.xx.fbcdn.net/rsrc.php/v4/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://z-p3-static.xx.fbcdn.net/rsrc.php/v4/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}</style></head>
<body>
<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; width: 0px; height: 0px;"><div></div></div></div>
<script async="" defer="" crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v21.0"></script>
<div class="container">
<h1>YouTube Audio Player</h1>
<p class="subtitle">Save bandwidth and data by playing only the audio from YouTube videos.</p>
<div class="input-group">
<input type="text" id="youtube-url" placeholder="Paste YouTube URL here" autofocus="">
<button onclick="loadVideo()">Load Audio</button>
</div>
<div id="error" class="error">
Please enter a valid YouTube URL
</div>
<div class="controls" id="controls">
<button id="play-pause">Play</button>
<div id="progress-bar">
<div id="progress"></div>
</div>
<div id="time">0:00 / 0:00</div>
<input type="range" id="volume-control" min="0" max="100" value="100">
</div>
<div id="player"></div>
<section class="features">
<h2>Why Choose Our YouTube Audio Player?</h2>
<ul>
<li>Reduce data usage by up to 90% compared to video streaming</li>
<li>Perfect for listening to music, podcasts, and lectures</li>
<li>Also work for live streaming videos</li>
<li>Simple, clean interface with essential playback controls</li>
<li>No registration required - just paste and play</li>
<li>Mobile-friendly design works great on all devices</li>
<li>Adjustable volume and seek controls</li>
</ul>
</section>
<section class="faq">
<h2>Frequently Asked Questions</h2>
<h3>How does it work?</h3>
<p>Simply paste any YouTube URL into the input field and click "Load Audio". Our player will extract the audio stream, saving you bandwidth while maintaining audio quality.</p>
<h3>What types of content work best?</h3>
<p>Our audio player is ideal for music videos, podcasts, lectures, audiobooks, and any content where the visual element isn't essential. It's perfect for background listening while working or studying.</p>
<h3>How much bandwidth can I save?</h3>
<p>By streaming only audio instead of video, you can reduce data usage by up to 90%. This is especially beneficial when using mobile data or on limited internet connections.</p>
</section>
<p><img src="https://y2audio.com/audio-only-youtube.jpg" alt="Audio only Youtube" width="100%"></p>
<div class="fb-comments fb_iframe_widget fb_iframe_widget_fluid_desktop" data-href="https://y2audio.com/" data-width="100%" data-numposts="10" data-order-by="reverse-time" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&container_width=690&height=100&href=https%3A%2F%2Fy2audio.com%2F&locale=en_US&numposts=10&order_by=reverse-time&sdk=joey&version=v21.0&width=" style="width: 100%;"><span style="vertical-align: top; width: 100%; height: 0px; overflow: hidden;"><iframe name="fa732e82aa8634978" width="1000px" height="100px" data-testid="fb:comments Facebook Social Plugin" title="fb:comments Facebook Social Plugin" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" src="https://web.facebook.com/v21.0/plugins/comments.php?app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df979c5879142bdc35%26domain%3Dy2audio.com%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fy2audio.com%252Fff98133aed5ecffe2%26relation%3Dparent.parent&container_width=690&height=100&href=https%3A%2F%2Fy2audio.com%2F&locale=en_US&numposts=10&order_by=reverse-time&sdk=joey&version=v21.0&width=" style="border: none; visibility: visible; width: 0px; height: 0px;" data-gtm-yt-inspected-4="true"></iframe></span></div>
<footer>
<p>YouTube Audio Player - Save bandwidth while enjoying your favorite content</p>
</footer>
</div>
<script src="https://www.youtube.com/iframe_api"></script>
<script>
let player;
let progressInterval;
function getVideoId(url) {
const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
const match = url.match(regExp);
return (match && match[7].length == 11) ? match[7] : false;
}
function formatTime(seconds) {
const minutes = Math.floor(seconds / 60);
seconds = Math.floor(seconds % 60);
return `${minutes}:${seconds.toString().padStart(2, '0')}`;
}
function loadVideo() {
const url = document.getElementById('youtube-url').value;
const videoId = getVideoId(url);
const errorElement = document.getElementById('error');
if (!videoId) {
errorElement.style.display = 'block';
return;
}
errorElement.style.display = 'none';
document.getElementById('controls').style.display = 'flex';
if (player) {
player.loadVideoById(videoId);
} else {
player = new YT.Player('player', {
height: '0',
width: '0',
videoId: videoId,
playerVars: {
'autoplay': 0,
'controls': 0,
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
}
function onPlayerReady(event) {
const volumeControl = document.getElementById('volume-control');
volumeControl.addEventListener('input', (e) => {
player.setVolume(e.target.value);
});
const progressBar = document.getElementById('progress-bar');
progressBar.addEventListener('click', (e) => {
const percent = e.offsetX / progressBar.offsetWidth;
const duration = player.getDuration();
player.seekTo(duration * percent, true);
});
}
function onPlayerStateChange(event) {
const playPauseButton = document.getElementById('play-pause');
if (event.data === YT.PlayerState.PLAYING) {
playPauseButton.textContent = 'Pause';
startProgressUpdate();
} else if (event.data === YT.PlayerState.PAUSED) {
playPauseButton.textContent = 'Play';
clearInterval(progressInterval);
} else if (event.data === YT.PlayerState.ENDED) {
playPauseButton.textContent = 'Play';
clearInterval(progressInterval);
document.getElementById('progress').style.width = '100%';
}
}
function startProgressUpdate() {
clearInterval(progressInterval);
progressInterval = setInterval(() => {
if (player && player.getCurrentTime && player.getDuration) {
const currentTime = player.getCurrentTime();
const duration = player.getDuration();
const percentage = (currentTime / duration) * 100;
document.getElementById('progress').style.width = percentage + '%';
document.getElementById('time').textContent =
`${formatTime(currentTime)} / ${formatTime(duration)}`;
}
}, 100);
}
document.getElementById('play-pause').addEventListener('click', () => {
if (player) {
const state = player.getPlayerState();
if (state === YT.PlayerState.PLAYING) {
player.pauseVideo();
} else {
player.playVideo();
}
}
});
// Add keyboard shortcuts
document.addEventListener('keydown', (e) => {
if (e.code === 'Space' && e.target.tagName !== 'INPUT') {
e.preventDefault();
document.getElementById('play-pause').click();
}
});
// Handle Enter key in URL input
document.getElementById('youtube-url').addEventListener('keypress', (e) => {
if (e.key === 'Enter') {
loadVideo();
}
});
</script>
<!-- Default Statcounter code for y2audio
https://y2audio.com/ -->
<script type="text/javascript">
var sc_project=13069733;
var sc_invisible=1;
var sc_security="f1cfc8ab";
</script>
<script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async=""></script>
<noscript><div class="statcounter"><a title="Web Analytics
Made Easy - Statcounter" href="https://statcounter.com/"
target="_blank"><img class="statcounter"
src="https://c.statcounter.com/13069733/0/f1cfc8ab/1/"
alt="Web Analytics Made Easy - Statcounter"
referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
<!-- End of Statcounter Code -->
</body></html>