Links mentioned:
no links yet
Details automatically generated.
summary

Speaker has links to free code Camp dot org and the Odin project. They are a JavaScript developer Advocate Advantage. Speaker explains to me how to create an application and how to call each other via the browser.

Speaker has a process in the back end that allows them to upload videos to Twitter and share them to Instagram. They explain how Jaco Taco works.

Speaker is back at work. They created until the dot works to help themself out and be a reason for why they should be at the computer. Speaker works on ciphers. Each cipher is a three-hour block of time within each Cipher. There are two sessions, a work session and a break session. The work session lasts 45 minutes and the break session 15 minutes.

Speaker has a break session. They want people to relax and take a break. The video is frozen, because browsers don't allow for out. Speaker is using the web speech recognition API built into Chrome browsers to turn their speech into text. There are two buttons: add a clip and create a highlights video. Speaker has created a highlights video.

Speaker has prepared a work session with a start screen, a menu, check out and subscribe and an audio player. They have created a band camp player. They can buy the track, share the track and tweet it out. Speaker closes everything down for the day and sends the completed tasks to the done section.

Speaker has added the ability to share screen and text to speech. They want to get out of the chat to do some refactoring. Speaker has some post radio show promo stuff to do. They want to refactor it and make it a little bit cleaner so that they can work on it more effectively. They will see everyone 15 minutes after the hour and send them all some traveling music.

topics
  • break session work
  • highlights video
  • background image
  • audio player
  • pre-populated tweet
  • twitter icon
  • windex break session
  • preview video
  • text chat
transcript

Welcome back, your dreams were your ticket, welcome back.

Same old place that you will the none but those dreams everything.

Y'all welcome back on to it that works even a stretch what a day so far.

Oh, I have.

Oh, time went by so super quick on that first, break session.

So, but welcome to until it died works.

It's a thing that I created to mostly help myself out and be a reason for why I should be at a computer.

And if I am going to be out of computer, I module work on things that I been meaning to work on, right, like side projects, and so I created until the dot Works to be that reason because I am That person, if I don't like set aside time, I will never find the time to do things.

And so by being here, to do these sessions, these livestreams, I am like, I am at a computer, why not work on other stuff, right?

So until it, that works consists of ciphers.

Each Cipher is a three-hour block of time within each Cipher.

There are sessions, there are two types of session.

There's a work session and a break session work.

Sessions are just like 45 minutes, heads down working on the thing.

You want to work on try to make some progress.

Right?

Then 15 minutes after the hour.

Pop up here, for a break session which are 15 minutes around.

Just a time for you to take a break, get up walk around, get some water.

Do what you got to do?

Sit here, watch me, talk about some random.

And mm thing on the I found interesting, it's just time for you to kind of let your mind relax and kind of like breathe a little bit.

All right, take a break.

All right.

So that's the break session, and we do like three sets of those.

All right.

Now, this is a break session and you will know because I pop up here on a video if you ever happen to come to the site and where the middle of a break session, well, the video may look like it's frozen and that's because browsers don't allow for out.

Play video with audio.

All right, so that's why I have the new notice there, so you may need to click play to start the stream.

Then there's also the open closed caption, because right now, I am using the web speech recognition API.

That's built into Chrome browsers, to turn my speech into text and hopefully it will pop up accurately what I am saying in the space that opens when you click open closed caption, Then below that.

There are two buttons.

There is a add a clip and create a highlights video if there's ever anything during these break sessions or like oh that's kind of interesting you will be able to kind of like clip it out.

And so what happens is that the event happens, you click add a clip, it goes back a couple of seconds and then it marks that timestamp You get 5 times stamps.

Now before I can shut everything down, if you click that create a highlights video.

Well, they will do is take those timestamps.

They will say those timestamps, then it will take the recorded break session and it will cut out the time stamps of the break session recording.

Join them together, Put It intro, put it out row and then you will be able to preview it and I will show where you can check that out later and download it and share if you want.

Alright, then there's a countdown timer countdown, the wind next work session.

Cool.

And there's a button.

If you want to join the chat or ask questions, what have you can do that?

As well.

All right, now work session looks something like this.

Start screen, share.

Don't think I need any audio but I will now need any audio.

All right, so this is what the work session will look like the background image may be different because I am just using, this is a randomly generated.

Nature image.

And upper right-hand corner, we have got the menu, check out and subscribe that has all the upcoming ciphers that are coming up so you can subscribe to get notified when we go live.

To the other side.

To the left side, we have an audio player.

It's a band camp player and I had some producer friends in mind submit music and so it's like a playlist of their, bandcamp tracks.

And with it being a band camp player, you can purchase the track, you can share the track and I also added that you can tweet it out.

So you, click tweet will open up Twitter with a pre-populated tweet that you can send to help promote an artist that, you know, may like the music.

So you're on, this is a musical I work on what you work on, it's there for you.

Then towards the center, we have the to do section where it says, add a task, you type in the task that you're trying to do, then you can hit Plus or the enter key.

And I will add it to a list of tasks.

You can click the text of a task to edit it.

You can click X to delete it or you can mark the checkbox to Market done.

It will send it to the done section.

You can click done and show you all the different tasks, you have completed their before.

I shut everything down for the day, before I close out, the cipher we can do is you can click the Twitter icon and open up Twitter in a pre-populated tweet with all the things you got completed that you can go ahead.

And send up Captain, there's another countdown, timer countdown, the Windex break session happens again, those are 15 minutes after the hour, you can view some tutorials.

So now let us say you just want to feel productive and there's not like you had a lot of stuff that you want to work on but you want to do something, right?

And you heard coding is a pretty cool thing to get into.

So I have links to free code Camp dot org and the Odin project.

And from what I have seen, Steven the curriculum and where people have told me that have gone through it.

If you go through them, I think you will get like a good understanding of what it takes to do, web development and from there, you can spend, you can like, make an educated decision on whether or not you will spend more time and more money in pursuing it.

So there those are there.

There's also, so I am a JavaScript developer Advocate Advantage, right?

And part of my job is to kind of look over tutorials, especially like, in my realm like JavaScript.

So I have links to three tutorials that are on our site that I think are pretty cool and up with a pretty cool project at the end of the tutorial.

So one of them is you create an application, you put in your phone number into like an input field, hit call and Real world phone will ring you be able to conversation back and forth, right?

Then there's one where you two opposite when you get a virtual number you from your real-world phone, you call that virtual number and then you're able to pick it up in the application that you create and have a conversation.

Then the third one is like two years like login where one can call the other through the browser and just like clicking it but it's amazing.

I think it's super cool.

And so those are there.

If you want to check those out, let me know if you do, try it.

Don't you think Jaco will come back to show until sign up?

So if you want to come up here and talk about something you found interesting on the internet, feel free to do so show until sign up or walk you through that process.

Now that video that you have sent to good get made.

Well what happens is it's like a process in the back end that I have running, right?

So while it's being worked on the status will say submitted and what is ready to be viewed, it's a status done.

And if you button will show up, you have the quick.

It, you will be able to preview the video you can.

Download the video.

It goes so quick to share the Twitter.

I download the videos because I share it to Instagram.

And also Twitter sometimes doesn't show your preview video as a link.

Preview.

So just to make sure that the video shows up as a preview, I just attached the video to it I just downloaded attached to it.

Alright so Jaco Taco stands for help a coder / Creator out.

Right.

And The point purpose of that.

So if you were to click view Haku it will show you all the different hot coals that were created, right?

So, yeah, so, you can check out the who created it by clicking the created by the username, it will either open up Twitter or GitHub, depending on what they logged in with, probably not Twitter, because Twitter removed, like all my authentication stuff.

So, reason I just found out like a couple of days ago so probably get up most likely, then you click join to join that Jaco, right.

You can also filter by different keywords.

When you click create, you presented with a form you fill out the title and three keywords that can kind of like, help people kind of understand what your hot goes about.

You click create.

And then what's went back up?

Crap, how do I go back?

There we go.

So when you click create your, you get a unique URL, you can copy the URL where you can click to share to Twitter.

When you're drawing your hot code is what it looks like.

We have got the title appear, you can leave the room, you can open the menu for more options.

We have a text chat, over the right-hand side, on the left-hand side, we have a countdown timer countdown, the way.

The next break session happens, you can copy the URL again, you can click the share to Twitter and when someone clicks your link they just don't hop into your The room automatically, they actually request to join your room.

And you see who's requesting because they will show up under pending from there.

You will be able to click the user name to check out their profile to see whether or not you won't let them into your room and then you can approve or deny them.

Now if you approve them and turn out to be a terrible person, you can always ban them.

All right.

Now you as the owner of the hakko, you can share your screen.

Now the purpose of that is so that the people who are also in the Jaco can see what it is that you're running into.

Whether it's like a question that you have may be running into an error or maybe want to get some feedback on something.

Okay.

So by showing your screen, I think they will give more context so other people can help you out.

Then we have a text chat, so that's how people can communicate.

You put in your information, you put in the message in the bottom here, hit send will add to a list of messages right now.

I also added the ability to enable audio chat.

Now if you are everybody who has the audio chat enabled, we be able to speak to and hear each other.

And so you can cover that way but the people who don't have their audio chat enabled, don't worry because the people's speech will be turning to Text and put into the text chat so people can still follow along.

All right.

Now I have the opposite also where you can do enable text to speech.

So all the messages that are put into the text chat will be read out aloud by your browser so you can still follow along and I have to like look at the chat to know kind of keep up, right?

With what's being said and yeah, that's pretty much it then you can check out the different tacos were created and that's it.

Cool.

Let me get you out of here because lost if I want to get done when we come back.

So last week I showed like some progress, like on a little UI thing I was working on and I said I wanted to try adding Awakening session.

I said, I wanted to start I wanted to try adding the new view transitions API.

Right.

That's in Chrome browsers, and so I want to like have a clue transitions between the different pages, and so I kind of like worked up a little bit during the week and I got something that I think is pretty cool, and so I am going to show that when we come back and yeah, so I think him a pretty good.

I said to do some refactoring and that's where the actual learning is when you refactor stuff just throwing stuff out there in trying to get it to work and it works that is awesome.

But for me actually Seeing if I actually understand it is if I can refactor it and make a little bit cleaner and so Miami able to kind of know what I can take out and work.

I can change around and stuff so yeah.

So that's that going to get you all back to work.

So yes, look forward to that.

I got some post radio show promo stuff to do is I am kind of behind on that and yeah, I think that's it.

So again, thanks for hanging out.

I will see you 15 minutes after the hour till then I wish you much productivity, and I am going to send you all.

All off with some traveling music.

This is New job is featuring a Pawnee.

Be the track is called.

Thank you.

All right, thanks again for hanging out.

I will see you around.

Y'all be easy and peace.

Thanks again.

Y'all busy.