Como siempre que se escribe código en el backend hay cosas que mejorar y errores que depurar, así que en este video nos vamos a dedicar a ello
revisar el funcionamiento que estaba inestable del código JavaScript que hemos escrito antes y corregirlo para que el trabajo de backend sea sólido
vamos a ver como se hace en este video
Lo siento voy a tener que pausar un momento la grabación. Bueno continuó explicándoles, entonces que hace esto, índice uno
el indexOf de donde se encuentre esto, va a buscar en todo en el código HTML y la primera vez que se encuentre textualmente esto
nos va a decir cuál es la posición entre todo el código, luego en el índice dos vamos a buscar cuando cierra este tag y a partir del índice uno
no cualquier tag sino después de que haya abierto este tag, cuando cierra este tag porque el primer cierre después de este tiene que ser este tag cerrado
y luego el índice tres cuando encuentre este tag cerrado, me refiero cuando acabe y este así, porque entre medio estará el title es igual a algo.
y luego también encontrar cuando cierra la etiqueta, bueno el elemento más que la etiqueta, la etiqueta es esto, cuando acaba con el elemento que sería aquí
entonces name es un substring entre el índice dos y el índice tres, así que si en el video pone esto por ejemplo video_sadsd y luego el cierre del elemento a
nuestra aplicación lo que va a coger es esto lo que nosotros queremos saber, el nombre del video, y bueno básicamente hay que hacer lo mismo
pero con diferentes cosas, como por ejemplo esto que sería el link, esto que sería la página pero para meterla dentro de un iframe
y luego ya lo mismo getEmbedlink hacemos lo mismo tres links y el videoEmbedString, importante aquí también me había olvidado antes
videoName es igual a videoNameString si recordáis videoName está definido aquí así que esta variable te sirve en todas las funciones
porque esta de videoNameString está definida aquí dentro así que solo nos sirve en este bloque, importante también tener claro que donde definas la variable
ahí es donde se queda, si quieres una variable global la tendrías que definir fuera de todos los bloques, entonces luego getEmbedLink
y le envías el texto del todo el código de la paginas web, tres índices y hace exactamente lo mismo pero simplemente aquí coge el índice uno
bueno realmente no hace lo mismo porque solo hay dos índices es verdad así que el índice tres es un poco inútil no sé porque lo puse
pero bastante inútil la verdad mejor ni siquiera lo pongáis es un poco inútil, entonces va a buscar el href, el watch siempre son los videos así que es único
y el primero que encuentre va ser el índice de esto, lo va a coger de response.indexOf(STRING.b) que es esto, pero aquí lo que vamos hacer es añadir al índice
porque pensar que el índice nos va a dar siempre a partir de la primera letra y aquí en este caso lo que queremos es justo después la “v”
entonces le decimos cuando nos de esto, luego le sumamos cuantas letras hay, y el índice dos cuando encuentre una comilla cerrada después de índice uno
que será cuando cierre este tag, y aquí hacemos lo mismo videoEmbendString es el código de la página y un substring de los dos índices y el embedLink
que también es una variable global es igual a STRING.c que son siempre los links para los videos embed de YouTube más la variable videoEmbedString
y ya está entonces ya tenemos hecho que busque siempre cada dos segundos cual es el último video y así es como va a estar comprobando nuestro sistema
si hay un nuevo video o no, entonces ahora cual es la gracia al tener esto aquí definido fuera de bloque también lo podremos acceder cuando abramos este link
así que ya tenemos hecho básicamente con un script muy corto vamos a poder acceder a las variables de este script del background
y ya vamos a poder hacer que salga cual es el último video de un canal.
Bueno continuamos con otro video si recordáis en el último video hemos hecho este script, bueno más bien he explicado su funcionamiento
pero bueno da igual es bastante útil, está bastante bien y nos va a servir ya para comprobar cuando hay un nuevo video
Pero aquí no está el código cuando te avisa cuando hay un nuevo video eso luego ya más tarde lo enseñare, esto en realidad lo que hace es coger
cual es el último video pero no nos avisa si hay un nuevo video simplemente lo coge y luego cuando nosotros abramos esto podremos acceder a ello
sin tener que estar esperando a que busque y todo, porque ya lo tendremos almacenado aquí y lo abrirá instantáneamente
entonces ahora en un momento vamos con el siguiente script
