YeltsinReyes
Lambda
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
- Desde
- 16 Feb 2010
- Mensajes
- 2.939
Hola, en este tutorial se creara una sensilla aplicacion para descargar videos de
youtube en mp3 usando la pagina thunkable.com y la pagina youtube2mp3api.com
a la cual se le hace una peticion get para obtenet el mp3.
Nota: no soy muy bueno haciendo tutoriales ni explicando, asi que disculpa por eso y
por si tengo faltas ortograficas! :witless:
Paso 1: Configurar el Screen1
1- Hacemos click en Screen1 y le agregamos estas propiedades.
Paso 2: Hacer el diseño como en la imagen
1- Agregamos un Horizontal_Arrangement con un label dentro con el texto "Youtube a Mp3" para simular un header.
2- Agregamos otro Horizontal_Arrangement con 10px de alto para hacer un separador.
3- Agregamos un Vertical_Arrangement y le ponemos el alto y ancho en Fill parent luego le agregamos un webview dentro con el alto en Fill parent y el ancho en 95% y le agregamos esta url YouTube.
4- Agregamos otro Horizontal_Arrangement con 10px de alto para hacer un separador.
5- Agregamos un boton con el texto "DESCARGAR EN MP3" el ancho en Fill parent, background blanco, texo negro y el Shape en rectangular.
Paso 3: Agregar estos componentes
1- Vamos a User Interface y agregamos otro web view y la propiedad Visible la desmarcamo para que no se vea.
2- Vamos a User Interface y agregamos un componente Notifier para mostrar alertas.
3- Vamos a Connectivity y agregamos un componente web para hacer la peticion get.
4- Descargamos la extension ExtendedWebViewer: ExtendedWebViewer
5- Vamos a Extension y importamos la extension ExtendedWebViewer descargada.
Paso 4: Vamos al editor de codigo "Blocks"
1- Agregamos una variable global vacia llamada id y al inicial la aplicacion le cambiamos el background a Screen1.
2- Cuando el usuario busque su video y le de click al boton "DESCARGAR EN MP3" hacemos lo siguiente.
youtube en mp3 usando la pagina thunkable.com y la pagina youtube2mp3api.com
a la cual se le hace una peticion get para obtenet el mp3.
Nota: no soy muy bueno haciendo tutoriales ni explicando, asi que disculpa por eso y
por si tengo faltas ortograficas! :witless:
Paso 1: Configurar el Screen1
1- Hacemos click en Screen1 y le agregamos estas propiedades.
- Align Horizontal en center.
- Align Vertical en top.
- Background Color en red, este luego lo cambiaremos al red que usa youtube.
- Scrollable desmarcada
- Show Status Bar desmarcada
- Screen Orientation en portrait
- Sizing en fixed
- Title Visible desmarcada.
Paso 2: Hacer el diseño como en la imagen
1- Agregamos un Horizontal_Arrangement con un label dentro con el texto "Youtube a Mp3" para simular un header.
2- Agregamos otro Horizontal_Arrangement con 10px de alto para hacer un separador.
3- Agregamos un Vertical_Arrangement y le ponemos el alto y ancho en Fill parent luego le agregamos un webview dentro con el alto en Fill parent y el ancho en 95% y le agregamos esta url YouTube.
4- Agregamos otro Horizontal_Arrangement con 10px de alto para hacer un separador.
5- Agregamos un boton con el texto "DESCARGAR EN MP3" el ancho en Fill parent, background blanco, texo negro y el Shape en rectangular.
Paso 3: Agregar estos componentes
1- Vamos a User Interface y agregamos otro web view y la propiedad Visible la desmarcamo para que no se vea.
2- Vamos a User Interface y agregamos un componente Notifier para mostrar alertas.
3- Vamos a Connectivity y agregamos un componente web para hacer la peticion get.
4- Descargamos la extension ExtendedWebViewer: ExtendedWebViewer
5- Vamos a Extension y importamos la extension ExtendedWebViewer descargada.
Paso 4: Vamos al editor de codigo "Blocks"
1- Agregamos una variable global vacia llamada id y al inicial la aplicacion le cambiamos el background a Screen1.
2- Cuando el usuario busque su video y le de click al boton "DESCARGAR EN MP3" hacemos lo siguiente.
- Creamos una variable local llamada array.
- Le hacemos split a la url actual que tiene el web view visible y le agregamos el resualtado a la variable local array.
- Contamos los elementos que tiene la variable array y verificamos si es igual a 2 ya que al hacerle split a la url este nos da dos elementos uno vacio y el id del video.
- Si es igual a 2 le agregamos el index 2 que es el id del video a la variable global id.
- Si no es igual a 2 quiere decir que el usuario esta en la home de youtube YouTube y le mostramos una alerta que diga "Mp3 no disponible".
- Luego al componente web le agregamos como referer esta url la cual unimos con el id del video usando la variable id para que quede de esta forma: https://youtube2mp3api.com/@api/button/mp3/id-del-video
- Al mismo componente web le agregamos otra url unida con el id del video: https://youtube2mp3api.com/@grab?fo...bbx8b71eb0y/YouTubeToMp3.aia]YouTubeToMp3.aia
Nota: Puedes hacer un dise;o mucho mejor y usar publicidad de Admob pero nose si google play permita este tipo de Apps!
Saludos, click a "Me agrada".
Última edición:
