- ID de l'analyse :
- ddc34731-adde-409e-9d2b-68628ead9348Terminée
- URL soumise :
- https://y2audio.com/
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://statcounter.com/ |
Variables JavaScript : 27 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| gtag | function |
| dataLayer | object |
| FB | object |
| scriptUrl | object |
| ttPolicy | object |
| YT | object |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!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>