felipehuggler.com

Uma grande, mas grandiosa merda que acontece com a maioria dos APPs, quando vão ser testados no celular, usando IONIC é a porra do padding-bottom que ele coloca nos formularios.

Vou colocar as fotos aqui de exemplo.

Reparou como a tela subiu ridicularmente???

Isso acontece direto cara, mas tem o jump the cat pra resolver isso!

setando scrollPadding: false no app module config.

IonicModule.forRoot(MyApp, {

      tabsHideOnSubPages: true,
      scrollAssist: false,
      autoFocusAssist: false,
     scrollPadding: false
    }) 

Espero que ajude, porque pra mim, ajudou pra caraleo!

Essa prova eu participei de apoio do atleta André Costa de Manaus. Foram 3 dias de desafio.

Nadar 10Km

Pedalar 421km

Correr 84,4km

https://jsonplaceholder.typicode.com/

Esse cara é muito legal, ele tem alguns endpoints que simulam uma API 

Resources

JSONPlaceholder comes with a set of 6 common resources:

/posts	100 posts
/comments	500 comments
/albums	100 albums
/photos	5000 photos
/todos	200 todos
/users	10 users

Essa prova foi realizada no dia - 24/03/2019

Esse foi minha primeira participação no triatlhon e meu tempo total foi de: 01:26:04

Com as parciais de:

23:03 - Natação
22:24 - Corrida
40:36 - Bike

Ficando em 7º na minha categoria - 18/35 anos

var user = {
    nome: "huggler", 
    idade: 35
};

with(user) {
    a = `Meu nome é ${nome}, e tenho ${idade} anos`;
}

Hoje eu vou falar de uma parada muito maneira que eu precisei fazer...

Eu tenho uma porrada de métodos e propriedades dentro de 1 controller.

Ai eu preciso reutilizar esse controller dentro de um modal por exemplo, abrindo o meu modal e falando que o controller é esse ai, um controller externo.

this._$mdDialog.show({
controller: this.OtherController,
controllerAs: 'ctrl',
templateUrl: 'app/clientes/clientes.new.html',

Tipo isso...

Meu OtherContrller fica assim

OtherController(locals, $controller, $scope, $mdDialog, $state){

'ngInject';

var ctrl = $controller('ClientesNewController', {$scope: $scope, $state: { params : { id : null }}});

angular.extend(this, ctrl);

this.cancel = ()=> {

$mdDialog.cancel();
};

O this...alguma coisa, eu vou sobreescrevendo os meus metodos pra usar nesse novo controller, porem, uso todas as propriedades do outro controller.

Parece besteirinha, essa lógica, mas fez eu raciocinar e estudar um pouco.

Nao sei se é o melhor script, mas funciona bem!

    let list = this.shuffleArray(this.state.list) //embaralha o array
    let amigos = [...list];
    let count = 0;

    while(amigos.length > 0){

      let participante = this.state.list[count];
      var index = Math.floor(Math.random() * amigos.length); 
      let amigo = amigos.find((amigo, i) => {
        return i === index && amigo.name !== participante.name;
      });

      if(amigo){
        participante.amigo = amigo.name;
        amigos.splice(index, 1); //retiro o amigo da lista pra nao ser escolhido novamente
        count++;
      }
    }

Imagina a seguinte situacao...

Voce tem uma frase e quer montar um objeto com essa frase...Exemplo

var frase = 'Minha frase';

e quer que o objeto fique

obj = { M : 1, i : 2, n: 3, h: 4, a: 5 }

seria simples neh...só percorrer o frase e inserido valor.

var obj = {};
var arr  = [];
"fraseeeeeeee".split("").forEach((letra, index) => {
obj[letra] = (obj[letra]) ? obj[letra]+=1 : 1;
})
Object.keys(obj).forEach(letra => {
arr.push({
letra: obj[letra]
})
})
console.log(arr)

sabe oque isso vai fazer? vai gerar um array

1. 0: {letra: 1}
2. 1: {letra: 1}
3. 2: {letra: 1}
4. 3: {letra: 1}
5. 4: {letra: 8}

mas se a gente fizer uma alteracaozinha aqui...

arr.push({
[letra]: obj[letra]
})

olha como fica:

1. 0: {f: 1}
2. 1: {r: 1}
3. 2: {a: 1}
4. 3: {s: 1}
5. 4: {e: 8}

Espero que sirva essa dica!

var array = [1,1,1,1,1,1,1,1,22,2,2,2,2,2,2,2,3,3,3,3,4,4,4,4,4,444]
array.filter((x, i, a) => a.indexOf(x) == i).length

espero que sirva!

let Promise = require('bluebird')
const path = require('path');
const ffprobePath = require('@ffprobe-installer/ffprobe').path;
const ffmpeg = require('fluent-ffmpeg');
ffmpeg.setFfprobePath(ffprobePath);

const createBlackVideo = (fontSize, text, fontPath, temp) => {
  
  console.log('*******************************************************************');
  console.log('Creating black video..');
  console.log('*******************************************************************');
  
  return new Promise((resolve, reject) => {
    ffmpeg(__dirname + '/black.mp4')
      .addOption('-strict', 'experimental')
      .complexFilter({
          filter: 'drawtext',
          options: {
              fontfile: fontPath,
              text: text,
              fontsize: fontSize,
              fontcolor: 'white',
              x: '(w-text_w)/2',
              y: '(h-text_h)/2'
          }
      })
      .on('end', () => {
        resolve()
      })
      .on('error', (err) => {
        console.log(err)
        reject()
      })
      .saveToFile(`${temp}_black.mp4`)
  })
}

const titleVideos = (videos, font) => {
  
  console.log('*******************************************************************');
  console.log('Adding title to videos...');
  console.log('*******************************************************************');

  return Promise.map(videos, (video) => {
    
    let file = video.path;
    console.log(`Adding title no video... - ${file}_720.mp4`);

    return new Promise((resolve, reject) => {
      ffmpeg()
        .renice(5)
        .addInput(`${file}_720.mp4`)
        .addOption('-s', 'hd720')
        .addOption('-c:v', 'libx264')
        .addOption('-strict', '-2')
        .addOption('-crf', '23')
        .addOption('-f', 'mp4')
        .videoFilter([`drawtext=text='${video.name}': fontfile=${font}: fontcolor=white: fontsize=58: box=1: boxcolor=black@0.5: boxborderw=5: x=50: y=h-100: borderw=2:bordercolor=black:box=0`])
        .saveToFile(`${file}_720_text.mp4`)
        .on('end', () => {
            console.log(`Added title on video. - ${file}_720_text.mp4 - ${video.name}`)
            resolve()
        })
        .on('error' , function(err, stdout, stderr) {
          console.log('an error happened: ' + err.message, stdout, stderr);
          reject()
        })

    })
  }, {concurrency: 1})
}

const addOverlay = (video, outPath) => {
  /*ffmpeg -i input.mp4 -i image.png \
    -filter_complex "[0:v][1:v] overlay=25:25:enable='between(t,0,20)'" \
    -pix_fmt yuv420p -c:a copy \
    output.mp4
    */
  console.log('*******************************************************************');
  console.log('Adicionando Overlay');
  console.log('*******************************************************************');

  return new Promise((resolve, reject) => {

    ffmpeg(`${video}.mp4`)
      .input(__dirname + '/snapimov-full.png')
      .addOption('-strict', 'experimental')
      .addOption('-filter_complex', '[0:v][1:v] overlay=W-w-10:10:enable=\'between(t,0,200)\'')
      .saveToFile(outPath)
      .on('end', () => {
        resolve(`${video}_overlay.mp4`)
      })
      .on('error', (err) => {
        console.log(err)
        reject(err)
      })
  })
}

const normalizeVideos = (videos) => {
  
  console.log('*******************************************************************');
  console.log('Normalizing videos..');
  console.log('*******************************************************************');

  return Promise.map(videos, (video) => {

    let file = video.path;

    return new Promise((_resolve, _reject) => {

        //getDuration(file).then(duration => {
        ffmpeg.ffprobe(video.path + '.mp4', function(err, metadata) {

          var duration = metadata.format.duration;
          console.log('duration => ', metadata.format.duration)

          let proc = ffmpeg().renice(5);

          if (duration > 5) {
            proc.addOption('-ss', '00:00:00.000')
          }

          proc.addInput(video.path + '.mp4');

          if (duration > 5) {
            proc.addOption('-t', 5)
          }

          proc.addOption('-s', 'hd720')
            .addOption('-c:v', 'libx264')
            .addOption('-crf', '23')
            .addOption('-c:a', 'aac')
            .addOption('-strict', '-2')
            .addOption('-f', 'mp4')
            .saveToFile(`${file}_720.mp4`)

          proc.on('end', () => {
            console.log(`Scaled video to 720p - ${file}_720.mp4 - finished`)
            _resolve()
          })

          proc.on('error', (err, err2, err3) => {
              console.log('Error', err.message)
              console.log('err2', err2)
              console.log('err3', err3)
              _reject(err)
          })
        })
    })
  }, { concurrency: 1 })
}

const addAudio = (videoPath, audioPath, outPath) => {
  
  console.log('*******************************************************************');
  console.log('Adding audio to ', videoPath);
  console.log('*******************************************************************');
  
  return new Promise((resolve, reject) => {
    ffmpeg()
        .renice(5)
        .addOption('-strict', 'experimental')
        .addOption('-shortest')
        .addInput(audioPath)
        .addInput(videoPath)
        .on('end', () => {
            resolve()
            console.log('Audio filtered.')
        })
        .on('error', (err) => {
            reject(err)
            console.log('Audio error', err)
        })
        .saveToFile(outPath)
  })
}

const mergeVideos = (videos, temp, tempName) => {
  
  console.log('*******************************************************************');
  console.log('Merging videos..', videos)
  console.log('*******************************************************************');

  return new Promise((resolve, reject) => {
    let proc = videos.reduce((acc, file) => {
          return acc.input(file)
        }, ffmpeg()
        .renice(5)
      .addOption('-strict', 'experimental')
      .addOption('-crf', 18)
      .addOption('-r', 30)
    )

    proc.on('end', () => resolve(tempName))

    proc.on('error', (err, err2, err3) => {
        console.log('Error', err.message)
        console.log('err2', err2)
        console.log('err3', err3)
        reject(err)
    })

    proc.mergeToFile(tempName)
  })
}

function audioIntro(videos, outPath, audioPath, text, fontPath) {
  let fontSize = Math.ceil((1280 / text.length))
  let rand = Math.random().toString(36).substring(7)
  let temp = `/tmp/temp_video_${rand}`
  let tempName = `${temp}.mp4`

  return normalizeVideos(videos)
    .then(() => titleVideos(videos))
    .then(() => {
      let allButIntro = videos.filter((video) => {
        return video.room.indexOf('intro') < 0
      }).map(video => {
        return `${video.path}_720_text.mp4`
      })

      return mergeVideos(allButIntro, temp, `${temp}_video.mp4`)
    })
    .then(() => addAudio(`${temp}_video.mp4`, audioPath, `${temp}_video_audio.mp4`))
    .then(() => createBlackVideo(fontSize, text, fontPath, temp))
    .then(() => {
      console.log('Glue intro videos and black video')
      let introVideos = videos.filter((video) => {
        return video.room.indexOf('intro') > -1
      }).map((video) => `${video.path}_720.mp4`)

      introVideos.unshift(`${temp}_black.mp4`)

      return mergeVideos(introVideos, temp, `${temp}_intro.mp4`)
    })
    .then(() => {
      console.log('Finally glueing everything together')
      let finalVideo = [`${temp}_intro.mp4`, `${temp}_video_audio.mp4`]
      return mergeVideos(finalVideo, temp, `${temp}_video_audio_intro.mp4`)
    })
    .then(() => {
      return addOverlay(`${temp}_video_audio_intro`, outPath)
    })
}

function muteIntro(videos, outPath, audioPath, text, fontPath) {
  
  let fontSize = Math.ceil((1280 / text.length))
  let rand = Math.random().toString(36).substring(7)
  let temp = `public/uploads/temp_video_${rand}`
  let tempName = `${temp}.mp4`

  return normalizeVideos(videos)
    .then((resp) => {
      console.log('*******************************************************************');
      console.log('VIDEOS NORMALIZADOS');
      console.log('*******************************************************************');
      return titleVideos(videos, fontPath)
    })
    .then((resp) => {

      console.log('*******************************************************************');
      console.log('TITULOS INSERIDOS');
      console.log('*******************************************************************');
      
      let allButIntro = videos.filter((video) => {
        return video.room.indexOf('intro') < 0
      }).map(video => {
        return `${video.path}_720_text.mp4`
      })

      return mergeVideos(allButIntro, temp, `${temp}_video.mp4`)
    })
    .then(() => createBlackVideo(fontSize, text, fontPath, temp))
    .then(() => {
      console.log('Finally glueing everything together')

      let introVideos = videos.filter((video) => {
        return video.room.indexOf('intro') > -1
      }).map((video) => `${video.path}_720.mp4`)

      let finalVideo = [`${temp}_black.mp4`].concat(introVideos)

      finalVideo.push(`${temp}_video.mp4`)

      return mergeVideos(finalVideo, temp, `${temp}_glued_video.mp4`)
    })
    .then(() => addAudio(`${temp}_glued_video.mp4`, audioPath, `${temp}_glued_video_audio.mp4`))
    .then(() => addOverlay(`${temp}_glued_video_audio`, outPath))
}

module.exports = {
  muteIntro,
  audioIntro
}