Omnimaga
General Discussion => Technology and Development => Web Programming and Design => Topic started by: Juju on January 15, 2014, 04:30:47 am
-
I'm just gonna leave this here. YouTube in wonderful 64p.
http://juju2143.ca/youtube64p
-
Awesome. :)
-
D: Why did you choose that video? Pretty cool though. ^^
-
Would be awesome ^.^
-
Hmm. Doesn't work for me using Firefox 26.0 on Arch Linux. Do you have to wait a while before the video starts?
-
It depends on the video. Sometimes, it seems to work almost instant, for other videos you need to wait a while.
BTW: I wonder if something like this would be possible on an 84+ using GCN (when you also connect a computer to the same network to do most of the calculations)
-
Hmm. Doesn't work for me using Firefox 26.0 on Arch Linux. Do you have to wait a while before the video starts?
Same for me with FireFox 26.0, but on Windows 8 (not 8.1).
-
B/W (http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1)
Gray (http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=2)
Impossible (http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=3)
-
FF support definitely broken.
-
IE 10 also does not seem to work.
-
Maybe only webkit browsers work :P
-
Well, this is another one of my experiments, so it might not work everywhere. It should though. The video might not load the first time, just reload until it works. I didn't added a way to tell, though.
Glad you like, though.
TODO: Add video controls other than pause and maybe also add some choppiness?
EDIT: Added metadata and error codes.
-
We must go deeper (http://juju2143.ca/youtube64p?v=Hr0gxMEhoYg&g=4)
(My rickroll video doesn't work because apparently it's copyrighted in germany)
-
FF support definitely broken.
Yup, here is a dump of the errors I get in Firefox
Timestamp: 15/01/2014 4:01:33 PM
Warning: Expected declaration but found '/'. Skipped to next declaration.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 21, Column: 1
Source Code:
// let's support old browsers!
Timestamp: 15/01/2014 4:01:33 PM
Warning: Found unclosed string ''s support old browsers!'. Expected declaration but found '/'. Skipped to next declaration.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 21, Column: 7
Source Code:
// let's support old browsers!
Timestamp: 15/01/2014 4:01:33 PM
Warning: Expected declaration but found '/'. Skipped to next declaration.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 23, Column: 38
Source Code:
image-rendering: -moz-crisp-edges; // FF 6.0+
Timestamp: 15/01/2014 4:01:33 PM
Warning: Expected declaration but found '/'. Skipped to next declaration.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 24, Column: 45
Source Code:
image-rendering: -webkit-optimize-contrast; // Webkit
Timestamp: 15/01/2014 4:01:33 PM
Warning: Expected declaration but found '/'. Skipped to next declaration.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 26, Column: 36
Source Code:
image-rendering: -o-crisp-edges; // OS X & Windows Opera (12.02+)
Timestamp: 15/01/2014 4:01:33 PM
Warning: Expected declaration but found '/'. Skipped to next declaration.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 27, Column: 39
Source Code:
image-rendering: optimize-contrast; // Possible future browsers.
Timestamp: 15/01/2014 4:01:33 PM
Warning: Expected declaration but found '/'. Skipped to next declaration.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 28, Column: 43
Source Code:
-ms-interpolation-mode: nearest-neighbor; // IE
Timestamp: 15/01/2014 4:01:33 PM
Error: The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 0
Timestamp: 15/01/2014 4:01:40 PM
Warning: HTTP "Content-Type" of "text/html" is not supported. Load of media resource http://juju2143.ca/lua/p?f=http%3A%2F%2Fr2---sn-xjpm-q0nl.googlevideo.com%2Fvideoplayback%3Fmt%3D1389819631%26ipbits%3D0%26sver%3D3%26id%3Da078394896111c0d%26expire%3D1389843946%26ratebypass%3Dyes%26itag%3D43%26ms%3Dau%26fexp%3D906094%252C938630%252C936910%252C936913%252C907231%252C907240%252C921090%26ip%3D134.0.27.190%26mv%3Du%26sparams%3Did%252Cip%252Cipbits%252Citag%252Cratebypass%252Csource%252Cupn%252Cexpire%26source%3Dyoutube%26upn%3D8xPehV575Mw%26key%3Dyt5%26signature%3D54D31C2AB7AA9F284AF33929D1D20DDBD6FD7C6D.23AA115DCDCAC1DD681105D27B13DCC67848B956 failed.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 0
Timestamp: 15/01/2014 4:01:42 PM
Warning: HTTP "Content-Type" of "text/html" is not supported. Load of media resource http://juju2143.ca/lua/p?f=http%3A%2F%2Fr2---sn-xjpm-q0nl.googlevideo.com%2Fvideoplayback%3Fmt%3D1389819631%26ipbits%3D0%26sver%3D3%26id%3Da078394896111c0d%26expire%3D1389843946%26ratebypass%3Dyes%26itag%3D18%26ms%3Dau%26fexp%3D906094%252C938630%252C936910%252C936913%252C907231%252C907240%252C921090%26ip%3D134.0.27.190%26mv%3Du%26sparams%3Did%252Cip%252Cipbits%252Citag%252Cratebypass%252Csource%252Cupn%252Cexpire%26source%3Dyoutube%26upn%3D8xPehV575Mw%26key%3Dyt5%26signature%3DD14F078D6FD37A386D99C02B09E75E02754A679B.4F9EBD77909AD269210A5819F55804342CE7D591 failed.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 0
Timestamp: 15/01/2014 4:01:42 PM
Warning: Specified "type" attribute of "video/x-flv" is not supported. Load of media resource http://juju2143.ca/lua/p?f=http%3A%2F%2Fr2---sn-xjpm-q0nl.googlevideo.com%2Fvideoplayback%3Fmt%3D1389819631%26ipbits%3D0%26ms%3Dau%26sver%3D3%26id%3Da078394896111c0d%26expire%3D1389843946%26itag%3D5%26burst%3D40%26algorithm%3Dthrottle-factor%26fexp%3D906094%252C938630%252C936910%252C936913%252C907231%252C907240%252C921090%26ip%3D134.0.27.190%26mv%3Du%26sparams%3Dalgorithm%252Cburst%252Cfactor%252Cid%252Cip%252Cipbits%252Citag%252Csource%252Cupn%252Cexpire%26source%3Dyoutube%26upn%3D8xPehV575Mw%26factor%3D1.25%26key%3Dyt5%26signature%3DF50C526593A1A126E32B9BBB726161ED69D58D51.7677C2ADA52C00509BA9B2E5F772007447014F23 failed.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 0
Timestamp: 15/01/2014 4:01:42 PM
Warning: Specified "type" attribute of "video/3gpp" is not supported. Load of media resource http://juju2143.ca/lua/p?f=http%3A%2F%2Fr2---sn-xjpm-q0nl.googlevideo.com%2Fvideoplayback%3Fmt%3D1389819631%26ipbits%3D0%26ms%3Dau%26sver%3D3%26id%3Da078394896111c0d%26expire%3D1389843946%26itag%3D36%26burst%3D40%26algorithm%3Dthrottle-factor%26fexp%3D906094%252C938630%252C936910%252C936913%252C907231%252C907240%252C921090%26ip%3D134.0.27.190%26mv%3Du%26sparams%3Dalgorithm%252Cburst%252Cfactor%252Cid%252Cip%252Cipbits%252Citag%252Csource%252Cupn%252Cexpire%26source%3Dyoutube%26upn%3D8xPehV575Mw%26factor%3D1.25%26key%3Dyt5%26signature%3DAD1B0C8050A96379D5A840BAFECF7AF914C71390.7CEE0433EBF3339D0AA7A7490DE98A73E3F29BEB failed.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 0
Timestamp: 15/01/2014 4:01:42 PM
Warning: Specified "type" attribute of "video/3gpp" is not supported. Load of media resource http://juju2143.ca/lua/p?f=http%3A%2F%2Fr2---sn-xjpm-q0nl.googlevideo.com%2Fvideoplayback%3Fmt%3D1389819631%26ipbits%3D0%26ms%3Dau%26sver%3D3%26id%3Da078394896111c0d%26expire%3D1389843946%26itag%3D17%26burst%3D40%26algorithm%3Dthrottle-factor%26fexp%3D906094%252C938630%252C936910%252C936913%252C907231%252C907240%252C921090%26ip%3D134.0.27.190%26mv%3Du%26sparams%3Dalgorithm%252Cburst%252Cfactor%252Cid%252Cip%252Cipbits%252Citag%252Csource%252Cupn%252Cexpire%26source%3Dyoutube%26upn%3D8xPehV575Mw%26factor%3D1.25%26key%3Dyt5%26signature%3DE48010B3E52A14F22C675499930E6E1F2663249A.18F32DCBBED9FD91ECDBF5820D6291682D14138A failed.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 0
Timestamp: 15/01/2014 4:01:42 PM
Warning: All candidate resources failed to load. Media load paused.
Source File: http://juju2143.ca/youtube64p?v=oHg5SJYRHA0&g=1
Line: 0
Have fun!
-
Oh, I see. Thanks for the log!
For most of them, it's various CSS and unsupported video type errors you can safely ignore. They're there to support other browsers. But this one, "HTTP "Content-Type" of "text/html" is not supported.", it seems Firefox chokes on the Content-Type header. I should look at this and return the correct header.
EDIT: I did something. No idea if it works.
-
Works. Now listening to Never Gonna Give You Up.
-
Works beautifully now, save for "Now playing: (0:23/Infinity:NaN:NaN)". Thanks!
-
It works nicely, but I think the videos could look better if it used dithering.
-
Yeah for me it only works in Chrome. It looks nice, though, although the shades of gray are off. For example, when choosing 3 shades you get 4, when choosing 2 you get 3 and so on.
I wonder if video streaming via gCn would be possible as proof of concept?
-
Suggestion : dithering.
Bonus point : Bayer dithering (goold old checked/motif like on Game Boy Camera)
-
DJ: I don't think white counts as a shade. So 1 is black and white, 2 is black, grey, and white, and so on...
-
Indeed, didn't counted white. Should I?
-
No; it's a level of grayscale. No levels means no gray and just white. One level means that there should be one type of grey, in this case black. You could call it [number of colors]-bit and not be ambiguous, however. See here for the normal(?) notation. (https://en.wikipedia.org/wiki/List_of_monochrome_and_RGB_palettes#Monochrome_palettes)
Also, dithering would be awesome.
-
DJ: I don't think white counts as a shade. So 1 is black and white, 2 is black, grey, and white, and so on...
Among the TI community, white is generally counted. At least, that's what I could see from my 12 years in here. Hence why Reuben Quest is refered to as 3-level grayscale and Desolate 4-level.
-
Awesome. You should bitcrush the audio down to 1-bit though ;)
-
Indeed, didn't counted white. Should I?
What DJ said, amoung our community we usually count white ;)
-
Awesome. You should bitcrush the audio down to 1-bit though ;)
It's still possible to play back high quality audio, as seen with TruVid.
-
And exactly how many bits does the audio in TruVid have? :devil:
-
And exactly how many bits does the audio in TruVid have? :devil:
8. Although, since it doesn't use a proper digital to audio converter, you could argue that it sounds like fewer.
-
It doesn't sound like fewer, it is fewer. Because you simply can't output more than 1 bit on a 1-bit DAC (well, technically, 2x1-bit, but anyway...), even though you may very well be sending 8 bits.
Which doesn't mean much of course - after all CDs use 1-bit DAC as well ;)
-
UPDATE
- The grayscale levels setting should work as expected.
-
Browser no support. :(
-
Ermahgurd, too amazing for my brain to comprehend.
/me lost
-
Browser no support. :(
Which one?
-
Here (http://bisqwit.iki.fi/story/howto/dither/jy/) is an interesting about pattern dithering and methods to calculate things like chroma. Hope that's useful to you!