{"id":27611750,"url":"https://github.com/avastroficial/mp3ytoubebsz","last_synced_at":"2025-10-05T12:37:14.597Z","repository":{"id":288229020,"uuid":"967268934","full_name":"AvastrOficial/Mp3YtoubeBsz","owner":"AvastrOficial","description":"Es una herramienta web simple que permite insertar videos de YouTube dentro de un iframe personalizado, utilizando una API externa que genera una tarjeta visual del video. Es ideal para compartir contenido de YouTube con una presentación atractiva y embebida en sitios web.","archived":false,"fork":false,"pushed_at":"2025-04-16T07:42:34.000Z","size":13,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-23T00:42:20.149Z","etag":null,"topics":["api-youtube","descragasyotubeapi","frontend","iframe-resizer","ocean-card-api","video-player","web-utility"],"latest_commit_sha":null,"homepage":"https://appbsz.crearforo.net/h145-bsz-music","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AvastrOficial.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-16T07:35:10.000Z","updated_at":"2025-04-16T07:42:37.000Z","dependencies_parsed_at":"2025-04-16T10:04:56.047Z","dependency_job_id":"e2364bd8-a459-4c95-9def-58859783f056","html_url":"https://github.com/AvastrOficial/Mp3YtoubeBsz","commit_stats":null,"previous_names":["avastroficial/mp3ytoubebsz"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AvastrOficial%2FMp3YtoubeBsz","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AvastrOficial%2FMp3YtoubeBsz/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AvastrOficial%2FMp3YtoubeBsz/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AvastrOficial%2FMp3YtoubeBsz/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AvastrOficial","download_url":"https://codeload.github.com/AvastrOficial/Mp3YtoubeBsz/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250348891,"owners_count":21415907,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api-youtube","descragasyotubeapi","frontend","iframe-resizer","ocean-card-api","video-player","web-utility"],"created_at":"2025-04-23T00:42:25.289Z","updated_at":"2025-10-05T12:37:09.557Z","avatar_url":"https://github.com/AvastrOficial.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mp3YtoubeBsz\n\nEs una herramienta web simple que permite insertar videos de YouTube dentro de un `iframe` personalizado, utilizando una API externa que genera una tarjeta visual del video. Es ideal para compartir contenido de YouTube con una presentación atractiva y embebida en sitios web.\n\n## 🚀 ¿Cómo funciona?\n\nEl usuario ingresa una URL de YouTube (en formato largo o corto), y el script extrae automáticamente el ID del video. Luego, se genera un `iframe` que incrusta el video dentro de una tarjeta visual atractiva.\n\n## 🌐 URL compatibles\n\n- `https://www.youtube.com/watch?v=VIDEO_ID`\n- `https://youtu.be/VIDEO_ID`\n\n## 📥 Formatos disponibles para descarga\n\nA continuación se listan los formatos disponibles para descarga de audio y video:\n\n| Formato            | Descripción     |\n|--------------------|-----------------|\n| mp3                | MP3             |\n| M4A                | M4A             |\n| webm_audio         | WEBM Audio      |\n| CAA                | CAA             |\n| Flac               | FLAC            |\n| Opus               | OPUS            |\n| Ogg                | OGG             |\n| WAV                | WAV             |\n| 360                | MP4 360p        |\n| 480                | MP4 480p        |\n| 720                | MP4 720p        |\n| 1080               | MP4 1080p       |\n| 4K                 | MP4 4K          |\n| 8K                 | MP4 8K          |\n\n\n## 🧩 API utilizada\n\nEl proyecto utiliza la siguiente API externa para generar la tarjeta visual del video:\n\n- **OceanSaver Card API**  \n  `https://p.oceansaver.in/api/card2/?url=https://www.youtube.com/watch?v=VIDEO_ID`  \n  Esta API embebe el video de YouTube en una tarjeta con diseño responsivo. Se le puede pasar un parámetro adicional `adUrl` para mostrar una URL publicitaria en la tarjeta.\n\n## 🔧 Tecnologías\n\n- HTML\n- JavaScript\n- [iFrame Resizer](https://github.com/davidjbradshaw/iframe-resizer) (para ajustar automáticamente el tamaño del iframe)\n\n## 📸 Ejemplo visual\n\n![image](https://github.com/user-attachments/assets/14018f50-d731-415d-9740-148d3a2be0c1)\n\n\n## 📝 Cómo usar\n\n1. Ingresa la URL de un video de YouTube.\n2. El sistema extraerá automáticamente el ID del video.\n3. Se mostrará un `iframe` con el contenido del video embebido de forma atractiva.\n\n## ⚠️ Advertencia\n\nLa API externa utilizada (`p.oceansaver.in`) puede estar sujeta a cambios o límites de uso. Asegúrate de revisar los términos de uso si piensas usarlo en producción.\n\n## 📄 Licencia\n\nEste proyecto está bajo la licencia MIT.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Favastroficial%2Fmp3ytoubebsz","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Favastroficial%2Fmp3ytoubebsz","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Favastroficial%2Fmp3ytoubebsz/lists"}