Geekly articles weekly

Como proteger seu filho do lixo no YouTube e criar um player personalizado com uma lista branca de canais

Você pode discutir por um longo período sobre se vale a pena dar às crianças pequenas acesso a tablets e smartphones. Alguém diz que é prejudicial aos olhos ou à psique, alguém - os pais brincarem e lerem com os filhos, e não tentar cercá-los com aparelhos. O que é característico, na maioria das vezes isso é dito por pessoas que não têm seus próprios filhos. E eles não sabem que felicidade é essa: quando a criança fica em silêncio por pelo menos meia hora, deixa de arruinar tudo ao seu redor, deita calmamente no sofá e assiste desenhos animados. Há mais um argumento: as crianças repetem sensivelmente tudo depois dos pais; se os pais estão constantemente sentados com as mãos no telefone, é muito difícil explicar às crianças por que os pais podem ou não.



Em geral, você pode me jogar tomates podres, mas meu filho, que agora está sem dois dias por três anos, ocasionalmente fica com um tablet no sofá e assiste desenhos animados no YouTube.


Infelizmente, rapidamente percebi que o YouTube infantil é apenas um lixo infernal. Sobre isso, mesmo em Habré, já havia uma tradução do artigo . Os canais infantis são algum tipo de fossas sem fundo cheias de vídeos vyrviglaznymi como "implantar cem surpresas", "rimas estúpidas com gráficos 3D miseráveis ​​com música barulhenta" e "dirigir carros no Beam NG para comentários estúpidos". Por alguma razão, tudo isso é muito atraente para crianças pequenas que se apressam a clicar nesses vídeos assim que os veem nos vídeos recomendados. E o YouTube não permite que você gerencie recomendações. Mesmo dando ao meu filho um tablet com os desenhos "normais" ativados, depois de alguns minutos, vejo como ele encontra esses malditos ovos de chocolate novamente em dois cliques nas recomendações e começa a grudá-los novamente.


Isso é o suficiente para mim, eu decidi. E ele começou a ver seu aplicativo para assistir ao YouTube, permitindo selecionar uma lista de canais e mostrar apenas vídeos desses canais. Como eu fiz isso - sob o corte.


Aqui está um exemplo de um vídeo thrash com o qual lutaremos. Shitty fez animação 3D sem sentido para música estúpida - e 142 milhões de visualizações. Por alguma razão, esses vídeos de crianças são simplesmente zumbificados; eles estão prontos para revisá-los e revisá-los.



Para comparação, o vídeo mais legal em que Chris Hadfield canta em uma guitarra na ISS tem apenas 40 milhões de visualizações, e o maravilhoso clipe OK GO com gravidade zero real (sem cabos e chromakey, apenas gravidade zero honesta a bordo de um avião especial) - apenas 12 milhões, dez vezes menos.


A propósito, os anunciantes do YouTube não estão felizes com a popularidade dos canais infantis , pois exibir anúncios neles é um desperdício de orçamento. As crianças assistem a anúncios, às vezes até clicam, mas não compram nada, e milhões de visualizações gastam rapidamente o orçamento.


Declaração do problema


Devo dizer imediatamente que não estabeleci a tarefa de fazer uma aplicação impenetrável para crianças. Tais tentativas já existem, inclusive aqui no hub - tudo é cortado ali seguidas, para que a criança não possa sair do aplicativo, comprar algo, abrir um navegador etc. Existem opções com bloqueios de hardware, portas desativadas, shells personalizados do Android e outras dificuldades (por exemplo, aqui está um artigo para 2012, o projeto parece ainda estar vivo). Mas tudo isso faz sentido para crianças mais velhas que já estão explorando as possibilidades de seus gadgets. Para crianças de 2 a 3 anos de idade, nenhuma proteção especial é necessária, eles ficam felizes em assistir a vídeos e, de tempos em tempos, aparecem nas visualizações de outros vídeos. O principal é que esses vídeos sejam o que você precisa, e não o que o YouTube oferecerá (e ele oferecerá infinitos ovos de chocolate e dedos de bebê).


Disto veio a lista de requisitos:


  • Lista de canais personalizados
  • Protegendo-o de mudanças (antes, de acidentais, porque filhos adultos astutos já tĂŞm várias maneiras de identificar as senhas de seus pais)
  • O aplicativo em si Ă© semelhante ao YouTube, reproduz vĂ­deo Ă  esquerda, Ă  direita há uma coluna de visualizações nas quais vocĂŞ pode clicar
  • O principal caso de uso Ă© o exame aleatĂłrio do vĂ­deo, a criança, em geral, nĂŁo se importa com o que assistir

Ao mesmo tempo, o aplicativo consiste em duas partes principais: pesquisar e configurar canais usando a API de dados do YouTube e depois reproduzir o vídeo. Além disso, no momento, encontrei duas opções para reproduzir vídeo em meu próprio aplicativo:


API do player do YouTube para Android


https://developers.google.com/youtube/android/player/


Esta é a maneira oficial de reproduzir vídeos em seu aplicativo Android. Para que ele funcione no dispositivo do usuário, o aplicativo oficial do YouTube já deve estar instalado, o que em sua composição inclui um determinado serviço que pode ser usado em outros aplicativos. Portanto, essa API do Player é uma pequena biblioteca que interage com um aplicativo instalado separadamente.


No começo, eu o usei, mas depois de algum tempo de uso, descobriu-se que ele tinha um problema crítico. Você não pode realmente personalizar a aparência do jogador, em particular, controlar os botões (você pode ocultar a coisa toda, mas também perderá o botão do modo de tela cheia). E no painel de controle do player, há um botão "ir para exibição no YouTube" que abre o aplicativo oficial (que deve estar no dispositivo), no qual não há mais filtragem. E as crianças clicam com facilidade (por acidente ou não), acessam o aplicativo não filtrado e, depois de alguns minutos, já ouço “dedo do bebê, dedo do bebê onde está você” novamente e vejo algum tipo de trianyanimação nos olhos retorcidos na tela.


Um pouco mais de lixo que as crianças encontram em alguns cliques. Mais de 900 milhões de visualizações!



Portanto, recusei o jogador oficial, encontrando-o como substituto na forma da seguinte biblioteca.


Android YouTube Player


https://github.com/PierfrancescoSoffritti/android-youtube-player


A biblioteca parece ser um invĂłlucro em torno do WebView que controla o web player por meio de sua API JavaScript. Dos benefĂ­cios - a capacidade de personalizar totalmente a interface.


A inicialização do player é um pouco óbvia, especialmente depois de mudar da biblioteca oficial:


  1. Obtenha nossa visĂŁo da classe com.pierfrancescosoffritti.androidyoutubeplayer.player.YouTubePlayerView
  2. Ligue para ela initialize (), passando o ouvinte
  3. O método onInitSuccess (@Nonnull final YouTubePlayer youTubePlayer) é chamado no ouvinte, que recebe uma instância do objeto player. Esta é a única maneira de obtê-lo. Até esse momento, o processo de inicialização era idêntico ao do cliente oficial
  4. Chamamos o método addListener () no player, passando outro ouvinte para ele (mais ouvintes ao deus do ouvinte!)
  5. O método onReady () é chamado neste ouvinte - somente após esse momento você pode baixar e exibir o vídeo e usar o player. Se você tentar carregar algo por engano no onInitSuccess, a biblioteca começará a gerar erros estranhos.

Você pode controlar o ciclo de vida do player (interromper a reprodução na onPause () e tudo mais) manualmente, ou pode registrar nossa visualização como um Lifecycle Observer (para o qual nossa atividade deve ser herdada do AppCompatActivity). Nesse caso, a biblioteca assumirá toda a rotina.


Outra nuance estranha da biblioteca é a falta de suporte de tela cheia pronto para uso. Por padrão, há um botão no player, mas ele não faz nada. Na verdade, você precisa fazer o modo de tela cheia manualmente - ocultar o cara, maximizar a janela do player para tela cheia e restaurar tudo de volta. Isso pode ser bastante trivial se você tiver algum tipo de interface complicada em torno do player. Eu só tinha uma lista de vídeos lá, que é facilmente oculta manualmente.


Nas amostras da biblioteca, há uma classe FullScreenHelper, da qual você pode obter o código desejado. Seu uso é mais ou menos assim:


youTubePlayerView.addFullScreenListener(new YouTubePlayerFullScreenListener() {

            private final View rootLayout = findViewById(R.id.rootLayout);

            @Override
            public void onYouTubePlayerEnterFullScreen() {
                fullScreenHelper.enterFullScreen();
                rootLayout.setPadding(0, 0, 0, 0);
            }

            @Override
            public void onYouTubePlayerExitFullScreen() {
                fullScreenHelper.exitFullScreen();
                rootLayout.setPadding(8, 8, 8, 8);
                youTubePlayerView.getLayoutParams().height = LinearLayout.LayoutParams.MATCH_PARENT;
                  }
        });

FullScreenHelper . ( , ) - , .


- , — . " YouTube", :


youTubePlayerView.getPlayerUIController().showFullscreenButton(true);
youTubePlayerView.getPlayerUIController().showYouTubeButton(false);

, , View .. — .


youTubePlayer.loadVideo(url, startTime);


, YouTube Data API


URL - . YouTube API, . Developer Console .


: . - , "Peppa Pig". id ( id) snippet : , -, .


 YouTube.Search.List searchListByKeywordRequest = youTube.search().list("snippet,id");
 searchListByKeywordRequest.setMaxResults(10L);
 searchListByKeywordRequest.setQ("Peppa Pig");
 searchListByKeywordRequest.setType("channel,playlist");
 searchListByKeywordRequest.setKey("<api key>");
 SearchListResponse response = searchListByKeywordRequest.execute();

( snippet id) . YouTube API : , . - ( , ), . , . .. 5 ( 2 sinppet id). , 6 , 13. 10 , 21 . , .


:


YouTube.Search.List request = youTube.search().list("snippet,id");
request.setChannelId("<channel id>");
request.setType("video");
request.setMaxResults(50L);
request.setKey("<api key>");
SearchListResponse response = request.execute();

, , nextPageToken, — , .


if (response.getNextPageToken() != null) {
    request.setPageToken(response.getNextPageToken());
    response = request.execute();
}

API , , ..



, , . , Google Play . :


  1. . . " " ("" " "), - .
  2. — . , " ", , .
  3. . , , — .
  4. . " ", , .
  5. .
  6. Pinned Mode — , .

- — https://play.google.com/store/apps/details?id=ru.sundogs.youtubekiosk , — . — . , , .


, , , - ( ), . — , . .


UPD: , . — , . Play Market ""


UPD2: , . , , .


UPD3: , : https://channelwhitelist.tilda.ws. , !

Source: https://habr.com/ru/post/pt421451/

More articles:


All Articles