# Introducing "MakeCode Streamer BETA"

**URL:** <https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437>\
**Category:** Streamer\
**Created:** [June 15, 2020, 11:38pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437 "2020-06-15T23:38:22Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![WeCodeMakeCode](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/wecodemakecode/32/196_2.png) [@WeCodeMakeCode](https://forum.makecode.com/u/WeCodeMakeCode)\
**Post date:** [June 18, 2020, 4:46pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/42 "2020-06-18T16:46:17Z")

</div>

Need the old Arcade in addition to beta. I did not use Streamer in my yesterday’s stream because my program crashed in Arcade beta, but not in prior version. If I can recreate the problem in a simpler program, I will report the bug.

---

<div class="post-metadata">

**Author:** ![WeCodeMakeCode](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/wecodemakecode/32/196_2.png) [@WeCodeMakeCode](https://forum.makecode.com/u/WeCodeMakeCode)\
**Post date:** [June 18, 2020, 4:48pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/43 "2020-06-18T16:48:14Z")

</div>

![Face camera showing black when turned off](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/8/8360a404c0973b329119a62b7ac03bb6b135c068.png)

When face camera is turned off, shows black rectangle. Document camera is also off.

Tested again this morning.

---

<div class="post-metadata">

**Author:** ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)\
**Post date:** [June 18, 2020, 5:03pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/44 "2020-06-18T17:03:28Z")

</div>

These improvements are awesome, Peli! I love the circular portrait a lot, makes it easier to set up my green screen correctly and it also makes it so I can access the “full screen” button (which is normally covered on my screen size)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/5/5360f9e651242c88b4f994038c80eea85561a784.jpeg)

---

<div class="post-metadata">

**Author:** ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)\
**Post date:** [June 18, 2020, 5:04pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/45 "2020-06-18T17:04:11Z")

</div>

Is it possible to do any formats besides .webm? iMovie won’t import it.

---

<div class="post-metadata">

**Author:** ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)\
**Post date:** [June 18, 2020, 5:06pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/46 "2020-06-18T17:06:38Z")

</div>

How do I try out the shaders?

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 18, 2020, 5:34pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/47 "2020-06-18T17:34:20Z")

</div>

It’s a hit or miss. I can try to sniff if video/mp4 is supported and use that preferrably, but otherwise .webm is the only one available.

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 18, 2020, 5:34pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/48 "2020-06-18T17:34:46Z")

</div>

Turn turn on shader, enable “Erase green screen” on your facecam (or hardware). It will also give you access to the thumbnail view.

---

<div class="post-metadata">

**Author:** ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)\
**Post date:** [June 18, 2020, 6:47pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/49 "2020-06-18T18:47:06Z")

</div>

Looks like this is what we want:

> **[MediaRecorder.isTypeSupported](https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/isTypeSupported)**
>
> The MediaRecorder.isTypeSupported() static method returns a Boolean which is true if the MIME type specified is one the user agent should be able to successfully record.

unfortunately it looks like webm is basically all chrome supports and safari doesn’t seem to support all the streamer APIs we need yet.

Chrome does support:

```auto
MediaRecorder.isTypeSupported("video/webm\;codecs=h264") // true on Chrome on macOS

```

which might make transcoding for imovie easier since imovie supports H.264

**edit** : oh I see that’s already what you use. I’ll see how fast transcoding is…

**edit 2** : oh heck yeah, since you’re already encoding with h264, it’s just one line and a few seconds to repackage into .mp4 and aac:

```auto
ffmpeg -i sample.webm -c:v copy sample.mp4

```

---

<div class="post-metadata">

**Author:** ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)\
**Post date:** [June 18, 2020, 8:42pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/50 "2020-06-18T20:42:05Z")

</div>

Instead of having to resize the window to 16:9, couldn’t there be a button to just snap the iframe to 16:9?

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 18, 2020, 8:54pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/51 "2020-06-18T20:54:46Z")

</div>

for reference: [https://github.com/microsoft/pxt/blob/master/docs/static/streamer/script.js#L1149](https://github.com/microsoft/pxt/blob/master/docs/static/streamer/script.js#L1149)

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 18, 2020, 8:55pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/52 "2020-06-18T20:55:28Z")

</div>

> [@darzu](#):
>
> `ffmpeg -i sample.webm -c:v copy sample.mp4`

Can you beef the docs with this info? (/docs/streamer/docs.md)

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 18, 2020, 8:56pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/53 "2020-06-18T20:56:02Z")

</div>

You mean keeping a 16:9 frame centered in the window?

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 18, 2020, 9:04pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/54 "2020-06-18T21:04:12Z")

</div>

@WeCodeMakeCode I’ve added Arcade stable vs Beta.

---

<div class="post-metadata">

**Author:** ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)\
**Post date:** [June 18, 2020, 9:16pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/55 "2020-06-18T21:16:50Z")

</div>

Yes, have an option to force the aspect ratio of the whole editor + streamer and record only that portion. Not sure recording APIs let you resize to a subset of the tab.

---

<div class="post-metadata">

**Author:** ![darzu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/darzu/32/1882_2.png) [@darzu](https://forum.makecode.com/u/darzu)\
**Post date:** [June 18, 2020, 9:17pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/56 "2020-06-18T21:17:40Z")

</div>

> [@peli](#):
>
> Can you beef the docs with this info? (/docs/streamer/docs.md)

> <https://github.com/microsoft/pxt/pull/7227/files>

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 18, 2020, 10:38pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/57 "2020-06-18T22:38:11Z")

</div>

@jazzy i am seeing errors fetching the editors.json file. investigating. This is probably the problem.

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 18, 2020, 11:06pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/58 "2020-06-18T23:06:12Z")

</div>

For those who have the broken boxes, please try again to see if our fixes solved this.

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 19, 2020, 5:52am UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/59 "2020-06-19T05:52:51Z")

</div>

@MINTGenie the chat window now automatically opens when a new message comes in. No more missing messages in the chat. You can alway safely collapse it knowing that it’ll be back when something new shows up.

---

<div class="post-metadata">

**Author:** ![MINTGenie](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/mintgenie/32/1052_2.png) [@MINTGenie](https://forum.makecode.com/u/MINTGenie)\
**Post date:** [June 19, 2020, 6:25am UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/60 "2020-06-19T06:25:16Z")

</div>

Thanks @peli for the quick fix.  
Is the countdown timer fixed to only 5 minutes? Is it possible to set the timer so that I can also use for break in sessions ( not more than 20mins)

---

<div class="post-metadata">

**Author:** ![peli](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/peli/32/12_2.png) [@peli](https://forum.makecode.com/u/peli)\
**Post date:** [June 19, 2020, 3:29pm UTC](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437/61 "2020-06-19T15:29:43Z")

</div>

There is a plus/minus button in countdown mode to add/remove minutes

[Previous page](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437.md?page=2)

[Next page](https://forum.makecode.com/t/introducing-makecode-streamer-beta/2437.md?page=4)
