Register a SA Forums Account here!
JOINING THE SA FORUMS WILL REMOVE THIS BIG AD, THE ANNOYING UNDERLINED ADS, AND STUPID INTERSTITIAL ADS!!!

You can: log in, read the tech support FAQ, or request your lost password. This dumb message (and those ads) will appear on every screen until you register! Get rid of this crap by registering your own SA Forums Account and joining roughly 150,000 Goons, for the one-time price of $9.95! We charge money because it costs us money per month for bills, and since we don't believe in showing ads to our users, we try to make the money back through forum registrations.
 
  • Post
  • Reply
CarForumPoster
Jun 26, 2013

⚡POWER⚡

minato posted:

I was intrigued by this and took a brief look, but it seems Dash is (a) targeted at data science workflows rather than general purpose stuff, and (b) requires Dash Enterprise (for presumably $$$) if I wanted to do anything that wasn't a toy. Was that a misjudgement? Do you have an example of a "regular" website built in Dash you could point me at?

What's a regular site in your book? I think of a "regular" site as a SaaS product/app + marketing homepage + various pages served on templates from a DB with some user, account and payment functions. This would not be a good choice for all of that, but might be a good choice for the "product" part of it. If the "product" part could be thought of as a single page app, it should definitely be considered IMO. It's tailored toward "build stuff really fast".

For example take our company. We made a multi page app (read: a couple SPAs glued together) using dash for my sales team to enrich leads, report metrics and automate some stuff all behind a basic auth login.

But our full "regular" website that needs marketing pages on various templates, a CMS with various levels of permissioning, a blog with multiple editors, I went with Django + DjangoCMS. Dash would not be a good choice here.

Some examples:
Here's a multi page example from dash bootstrap components to make a basic website with a navbar though apparently Plotly is expanding support for multi page dash apps.

Example Bootstrap page with sidebar

The DBC docs are made in Dash. Link: https://dash-bootstrap-components.opensource.faculty.ai/docs/

I don't really know who is using dash in the wild though. For me its been great making SPAs easier than with Django.

Adbot
ADBOT LOVES YOU

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:
Yeah, grids are infinity times easier to wrap my brain around than I thought. My trouble came from reading documentation, but having something like Layoutit to visualize the grid and set the attributes I need to get the CSS/HTML back, being able to immediately see what I'm doing...makes so much more sense.

frogbs
May 5, 2004
Well well well
So i've built a few sites using Gatsby, Jekyll and Hugo along with Netlify CMS and have found it a pretty nice combo in all cases.

I'm going to build my next thing using Eleventy, and was going to use Netlify CMS again, but recently found out it's been abandoned by Netlify and left to the community. Are there other free/open-source headless cms/editors out there that folks recommend? I've heard good things about Strapi and Tina, but both are fairly new I think.

Coming from Wordpress, I'm still a little mystified that there's tons of SSG's out there, but they all just expect you to edit .md files directly. I understand why things were decoupled, but ask number one from users is "Ok, how do I edit/add posts?" and it seems like that's always more complicated than it used to be. "Let's choose an editor and integrate it ourselves" is not the answer most folks are looking for.

Anyway, i'm mostly venting because i'm old!

aperfectcirclefan
Nov 21, 2021

by Hand Knit
Just use a headless WordPress with GraphQL. I've yey to find a CMS as "good" as WordPress. The aforementioned HubspotCRM is the closest I've found but it's a nightmare to interface with

Verisimilidude
Dec 20, 2006

Strike quick and hurry at him,
not caring to hit or miss.
So that you dishonor him before the judges



Part of my tasks for my new job involves building out a form for users. One of these forms has a % input.

All I'm trying to do is have a '%' symbol appear at the end of a user's input. I'm having difficulty finding a solution for this via my usual methods (google and stack overflow), does anyone have a way to do this with javascript/typescript/css?

Here is an example of what I'm trying to do.



Anyone have a suggestion here?

barkbell
Apr 14, 2006

woof
Are you using a js framework?

I think the term you want to search is input masking.

aperfectcirclefan
Nov 21, 2021

by Hand Knit

Verisimilidude posted:

Part of my tasks for my new job involves building out a form for users. One of these forms has a % input.

All I'm trying to do is have a '%' symbol appear at the end of a user's input. I'm having difficulty finding a solution for this via my usual methods (google and stack overflow), does anyone have a way to do this with javascript/typescript/css?

Here is an example of what I'm trying to do.



Anyone have a suggestion here?

Yes, you can use css :after with a content: "%"; call on the text I believe

The Merkinman
Apr 22, 2007

I sell only quality merkins. What is a merkin you ask? Why, it's a wig for your genitals!

aperfectcirclefan posted:

Yes, you can use css :after with a content: "%"; call on the text I believe
You cannot put psuedo selectors on an input

aperfectcirclefan
Nov 21, 2021

by Hand Knit
In that case just put a % next to the input and call it done imho

The Dave
Sep 9, 2003

Yeah why make the percent sign part of the input? If anything force the field to be numbers only.

kedo
Nov 27, 2007

A common practice I've seen used often (and have used myself) is to do something like this:

code:
<div class="input-container">
  <input type="number" value="100">
  <span class="input-render"></span>
</div>

<style>
  // Hide the input, but allow it to gain keyboard focus
  input[type=number] {
    width: 0;
    height: 0;
    opacity: 0;
  }
  .input-render:after {
    content: '%';
    display: inline;
  }
</style>
and then in your JS when a user clicks on .input-render, give focus to the input[type=number]. When input[type=number]'s value changes, take its value and stick it in the .input-render span. So your user never actually sees the input, all they ever see is the rendered version that you style to look like your input.

e: There are various form-styling frameworks out there that do this exact sort of thing for you, but I'm phone posting so I don't have access to them at the moment.

kedo fucked around with this message at 19:30 on Feb 18, 2022

frogbs
May 5, 2004
Well well well

aperfectcirclefan posted:

Just use a headless WordPress with GraphQL. I've yey to find a CMS as "good" as WordPress. The aforementioned HubspotCRM is the closest I've found but it's a nightmare to interface with

I've heard about running Wordpress 'headless', but hadn't really considered it because i'd still have to maintain a Wordpress install. I assume that process doesn't change at all even if the presentation layer is decoupled, right? Do most people just run the Wordpress installed locally/not on the public internet?

LifeLynx
Feb 27, 2001

Dang so this is like looking over his shoulder in real-time
Grimey Drawer

frogbs posted:

I've heard about running Wordpress 'headless', but hadn't really considered it because i'd still have to maintain a Wordpress install. I assume that process doesn't change at all even if the presentation layer is decoupled, right? Do most people just run the Wordpress installed locally/not on the public internet?

Wordpress is the easiest thing to maintain, but I've resigned to being too dumb/old/stubborn to understand a "decentralized" approach where a database is on Heroku and images are served by Cloudinary CDN and NextJS is on Vercel and the CMS is on whatever and now my client has to pay three separate services for hosting and they've gone over their limit for the "free" tier so now it's $299/month for the "team" plan on Contentful. The alternative for a $10/month hosting for Wordpress is great peace of mind for now until I can afford someone to handle back-end stuff for me (or teach me).

You could run Wordpress local-only to serve as the CMS to generate a static website through Gatsby/Eleventy/NextJS. I think that limits you to only being able to re-build the static site on your machine unless you copy the local Wordpress environment somewhere else when you want to make updates.

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:
Is there a trick to making a CSS grid with a dynamic number of rows? I'm starting on the revamped report page now, and I'm not going to know in advance how many rows are going to be in, for example, the materials "table"; that information won't come until the data is processed either by the Flask route or a for loop in the page itself.

The way I was doing it before was using a Jinja2 for loop to add a <tr> for each item, but I'm not finding a similar method for a grid.

prom candy
Dec 16, 2005

Only I may dance
If you set the number of columns you should be able to just add child elements and they'll fill downwards.

If you need a wrapper element for rows you can use display: contents to have the grid not treat it as a cell

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:

prom candy posted:

If you set the number of columns you should be able to just add child elements and they'll fill downwards.

If you need a wrapper element for rows you can use display: contents to have the grid not treat it as a cell

I'm not 100% sure what you mean in all honesty. Relevant CSS:
CSS code:
.report {  
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 2px 4px;
    grid-auto-flow: row;
    grid-template-areas:
      "rpt-header rpt-header"
      "rpt-materials rpt-labor";

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 30vh;
  }
    .rpt-materials {  
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 2px 2px;
        grid-auto-flow: row;
        grid-template-areas:
        "itemname-header itemqty-header"
        "itemname-row itemqty-row";
        justify-self: center;
        align-self: start;
        grid-area: rpt-materials;
    }
        .itemname-header {
            justify-self: center;
            align-self: center;
            grid-area: itemname-header;
        }
        .itemqty-header {
            justify-self: center;
            align-self: center;
            grid-area: itemqty-header;
        }
        .itemname-row {
            justify-self: start;
            align-self: center;
            grid-area: itemname-row;
        }
        .itemqty-row {
            justify-self: end;
            align-self: center;
            grid-area: itemqty-row;
        }
And the HTML - rpt-labor is essentially a clone of rpt-materials, I didn't include rpt-header's CSS because it's not relevant here.
HTML code:
<div class="report">
    <div class="rpt-header">
      <div class="customer"></div>
      <div class="job-no"></div>
      <div class="gen-by"></div>
      <div class="gen-date"></div>
      <div class="title"></div>
      <div class="job-data"></div>
    </div>
    <div class="rpt-materials">
      <div class="itemname-header"></div>
      <div class="itemqty-header"></div>
      <div class="itemname-row"></div>
      <div class="itemqty-row"></div>
    </div>
    <div class="rpt-labor">
      <div class="labname-header"></div>
      <div class="labqty-header"></div>
      <div class="labname-row"></div>
      <div class="labqty-row"></div>
    </div>
  </div>
</div>
There could be a single instance of itemname-row / itemqty-row or there could be 20. Would it be like...a jinja2 for loop over the dictionary containing the materials data adding a new itemname-row and itemqty-row for each one? Is that what you mean by add child elements?

worms butthole guy
Jan 29, 2021

by Fluffdaddy
I'm having a senior moment trying to make CSS Grid work how I want it too. I have a two column grid. Column A has 3 rows, Column B has 1 that spans 3. Column B should have a image that spans the entire length of Column A.

That's the problem i'm having and I don't know why its so hard. The image doesn't seem to span the entire column :qq:. Is there a way to make this work or should I turn Column B from having a image tag to being a background image?

Essentially looking for this:



Which I thought I could do by:

code:
<div class="blahBox">
	<div class="col1">
		<div class="col1row1"></div>
		<div class="col1row2"></div>
		<div class="col1row3"></div>
	</div>
	<div class="col2">
		<div class="col2row1">
			<img src="..." alt="..."/>
		</div>
	</div>
</div>

.blahBox{
	display: grid;
	grid-template-columns: auto auto;
}

.col2 .col2row1{
	display: grid;
}
but it didn't work :( I'm totally at a loss as to how to do this. Thanks for any help

prom candy
Dec 16, 2005

Only I may dance

D34THROW posted:

I'm not 100% sure what you mean in all honesty. Relevant CSS:
CSS code:
.report {  
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 2px 4px;
    grid-auto-flow: row;
    grid-template-areas:
      "rpt-header rpt-header"
      "rpt-materials rpt-labor";

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: 30vh;
  }
    .rpt-materials {  
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 2px 2px;
        grid-auto-flow: row;
        grid-template-areas:
        "itemname-header itemqty-header"
        "itemname-row itemqty-row";
        justify-self: center;
        align-self: start;
        grid-area: rpt-materials;
    }
        .itemname-header {
            justify-self: center;
            align-self: center;
            grid-area: itemname-header;
        }
        .itemqty-header {
            justify-self: center;
            align-self: center;
            grid-area: itemqty-header;
        }
        .itemname-row {
            justify-self: start;
            align-self: center;
            grid-area: itemname-row;
        }
        .itemqty-row {
            justify-self: end;
            align-self: center;
            grid-area: itemqty-row;
        }
And the HTML - rpt-labor is essentially a clone of rpt-materials, I didn't include rpt-header's CSS because it's not relevant here.
HTML code:
<div class="report">
    <div class="rpt-header">
      <div class="customer"></div>
      <div class="job-no"></div>
      <div class="gen-by"></div>
      <div class="gen-date"></div>
      <div class="title"></div>
      <div class="job-data"></div>
    </div>
    <div class="rpt-materials">
      <div class="itemname-header"></div>
      <div class="itemqty-header"></div>
      <div class="itemname-row"></div>
      <div class="itemqty-row"></div>
    </div>
    <div class="rpt-labor">
      <div class="labname-header"></div>
      <div class="labqty-header"></div>
      <div class="labname-row"></div>
      <div class="labqty-row"></div>
    </div>
  </div>
</div>
There could be a single instance of itemname-row / itemqty-row or there could be 20. Would it be like...a jinja2 for loop over the dictionary containing the materials data adding a new itemname-row and itemqty-row for each one? Is that what you mean by add child elements?

I don't think I totally understand what you're after here, it's confusing with the nested grids. When I want to make a grid with an unknown quantity of rows I just don't set grid-template-rows.

code:
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 6px;
  column-gap: 2px;
}

.grid div {
  background-color: red;
}
code:
<div class="grid">
  <div>Row 1 Col 1</div>
  <div>Row 1 Col 2</div>
  
  <div>Row 2 Col 1</div>
  <div>Row 2 Col 2</div>
  
  <div>Row 3 Col 1</div>
  <div>Row 3 Col 2</div>
  
  <div>Row 4 Col 1</div>
  <div>Row 4 Col 2</div>
</div>
This is like grid basics though so I have a feeling I'm missing something about your requirements.

HappyHippo
Nov 19, 2003
Do you have an Air Miles Card?

worms butthole guy posted:

I'm having a senior moment trying to make CSS Grid work how I want it too. I have a two column grid. Column A has 3 rows, Column B has 1 that spans 3. Column B should have a image that spans the entire length of Column A.

That's the problem i'm having and I don't know why its so hard. The image doesn't seem to span the entire column :qq:. Is there a way to make this work or should I turn Column B from having a image tag to being a background image?

Essentially looking for this:



Which I thought I could do by:

but it didn't work :( I'm totally at a loss as to how to do this. Thanks for any help

It looks like you're setting the column b element to be display: grid. But that's not what you want. You want one grid, with 2 columns and three rows. Then you can set the
code:
grid-column-start
grid-column-end
grid-row-start
grid-row-end
values for the css on the image (Or you can use the grid-column/grid-row shorthand). See here: https://css-tricks.com/snippets/css/complete-guide-grid/

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:

prom candy posted:

I don't think I totally understand what you're after here, it's confusing with the nested grids. When I want to make a grid with an unknown quantity of rows I just don't set grid-template-rows.

code:
.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 6px;
  column-gap: 2px;
}

.grid div {
  background-color: red;
}
code:
<div class="grid">
  <div>Row 1 Col 1</div>
  <div>Row 1 Col 2</div>
  
  <div>Row 2 Col 1</div>
  <div>Row 2 Col 2</div>
  
  <div>Row 3 Col 1</div>
  <div>Row 3 Col 2</div>
  
  <div>Row 4 Col 1</div>
  <div>Row 4 Col 2</div>
</div>
This is like grid basics though so I have a feeling I'm missing something about your requirements.

While it took me a while, this eventually got me where I needed to go and got my head around child elements like .grid div in your example. Thank you :cheers:

Now to figure out why instead of sticking to the top of their grid cells like they should with a "start" alignment, they're sticking to the bottom like it's set to "end".

prom candy
Dec 16, 2005

Only I may dance

D34THROW posted:

While it took me a while, this eventually got me where I needed to go and got my head around child elements like .grid div in your example. Thank you :cheers:

Now to figure out why instead of sticking to the top of their grid cells like they should with a "start" alignment, they're sticking to the bottom like it's set to "end".

The weirdest thing about grid for me was getting used to not having elements for rows. You just slap all your columns straight inside your grid container and it sorts them out from there. Grid can do some really cool powerful stuff but I mainly just use it for making tabular data with responsive design.

LifeLynx
Feb 27, 2001

Dang so this is like looking over his shoulder in real-time
Grimey Drawer
This was a really useful site at helping me think of grid (and flexbox) in simple ways that can apply to lots of real-world use cases: http://1linelayouts.glitch.me/

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:
Crossposting from the JS thread.

Okay, perhaps I'm an idiot noob at this poo poo, but using dataTables.js, how in the literal actual gently caress do I apply custom CSS? My Flask app theme is shades of blue, and having white/lightsteelbluerows in a table is jarring. Specifically, I want the <thead> to be steelblue and the rows to be lightsteelblue/cornflowerblue.

Lumpy posted:

Read this and make your own stylesheet that you load after theirs? https://datatables.net/manual/styling/classes

Maybe I'm doing something wrong because it's half-working half-not - I can change the <thead> text to white but the background color won't change. bgcolor isn't recognized and background-color doesn't seem to exist for <thead> in HTML5.

D34THROW fucked around with this message at 20:52 on Feb 25, 2022

Lumpy
Apr 26, 2002

La! La! La! Laaaa!



College Slice

D34THROW posted:

Crossposting from the JS thread.

Okay, perhaps I'm an idiot noob at this poo poo, but using dataTables.js, how in the literal actual gently caress do I apply custom CSS? My Flask app theme is shades of blue, and having white/lightsteelbluerows in a table is jarring. Specifically, I want the <thead> to be steelblue and the rows to be lightsteelblue/cornflowerblue.

Read this and make your own stylesheet that you load after theirs? https://datatables.net/manual/styling/classes

Dominoes
Sep 20, 2007

As is the normal for myself, I have been reading too much scifi. After absorbing the first few chapters of Neuromancer (Thanks, some guy on a quadcopter discord), and recalling memories of Snow Crash and The Diamond Age, I've decided to follow in Zuck's footsteps and create a Metaverse, and/or Matrix. Also, that Half-Life (2?) cyberpunk mod was remarkably fun, until taken over by furries.


First plain text; then a 2d representation, then 3d, in either raw Vulkan, or maybe Unreal. Likely will lose interest before 2d.

Let's stick to HTTP. So, we need a catalog of doors. Public URLs map to unlocked doors. Non-public URLs map to locked doors. Where can I find more info on this? What types of locks are used (tokens etc)? Generally - where should I start? Does this involve reading web specs, or installing Kali linux? How about MDN? What others sorts of things can you access from the Internet besides HTTP?

Thanks! I'm still also trying to be The Drone Ranger, but gave up on making Knight Visions.

TOML code:
[package]
name = "metaverse"
version = "0.1.0"
edition = "2021"


[dependencies]

hyper = "^0.14.17" # Low-level network lib
reqwest = "^0.11.9" # High-level network lib
Also, of note, Gibson knew absolutely nothing about computers when he wrote NM, but Stephenson knew/knows *a lot* about them.

edit: After re-reading this, I should clarify. I am not attempting to invent a game world. I am trying to create an internet visualization tool.

Dominoes fucked around with this message at 01:44 on Mar 5, 2022

Just-In-Timeberlake
Aug 18, 2003
And yet Stephenson is a clown author, for clowns, at the clown circus, while Gibson owns

Dominoes
Sep 20, 2007

Also - You take that back. NM is pretty great so far. I abandoned Semiosis to start it. (Semiosis isn't sci Fi), but NS is king. His latest, Termination shock, is probably his weakest, but still far better than most fiction.

ModeSix
Mar 14, 2009

Dominoes posted:

Also - You take that back. NM is pretty great so far. I abandoned Semiosis to start it. (Semiosis isn't sci Fi), but NS is king. His latest, Termination shock, is probably his weakest, but still far better than most fiction.

These days that's not a very high bar to clear, unfortunately.

I find some indie/self-published authors put out better stories with much better writing than "professional" authors, and to top it off I can read it sort of :airquote:free:airquote: through Kindle Unlimited.

Cory Parsnipson
Nov 15, 2015

Just-In-Timeberlake posted:

And yet Stephenson is a clown author, for clowns, at the clown circus, while Gibson owns

:same:

Dominoes posted:

First plain text; then a 2d representation, then 3d, in either raw Vulkan, or maybe Unreal. Likely will lose interest before 2d.

Let's stick to HTTP. So, we need a catalog of doors. Public URLs map to unlocked doors. Non-public URLs map to locked doors. Where can I find more info on this? What types of locks are used (tokens etc)? Generally - where should I start? Does this involve reading web specs, or installing Kali linux? How about MDN? What others sorts of things can you access from the Internet besides HTTP?

Hmm, I think you're going to have to scrounge up a little bit of information from a lot of different places. This isn't really a thing that anyone's doing as far as I'm aware.

Some recommendations:

* Look into file directory listing/Apache directory listing

Something like this:



This is what you get if you install apache server and then browse to the served location without an index page. It'll traverse the file tree and format all the files as links. You can make a web-app that does something similar relatively easily using a lot of modern frameworks (vue.js, react, angular, svelte :can:) This is not for links between pages, but if you wanted to explore filesystems that are connected to the web. Might also be useful as a basis for some early visualization paradigms.

* Go read some google search engine white papers and look for "scrapers" or "spiders" that crawl webpages and parse the contents. You might be interested in a web crawler that parses the generated HTML and compiles all the links/<a> tags into a list for your program to do stuff with.

* Web communication protocols. I don't know if that's the right name for it. What I mean is "http://", "https://", "ssh://", telnet, "ws://" or "wss://" (web sockets). I don't think these translate to "doors" in a sensible way, but it might be useful for you wrt to visualizing encryption or security levels.

* Content types. There's metadata with http request headers that let people mark what kind of content the link contains. This extends to many file types like images, videos, flash animation, svg, bytestreams, lists of text data, etc. I think this is pretty relevant if you want to follow some links and then come up with some special visualizers depending on what kind of data is at the other side. https://stackoverflow.com/questions/23714383/what-are-all-the-possible-values-for-http-content-type-header

* XDG-open: tangentially relevant. This is a linux program that lets you open URLs with the system default application. For example, you can provide xdg-open a discord invite link and have it open using Discord. I don't know if there's an equivelant for Windows or Mac. https://linux.die.net/man/1/xdg-open

e. Actually, maybe what you want to make will have a lot in common with web browsers. Except if you ignore all the css/html render engine stuff and replace it with your own thing. Web browsers are now huge, complicated pieces of software though, so I have no idea how you would get started with that.

Cory Parsnipson fucked around with this message at 03:15 on Mar 6, 2022

pseudanonymous
Aug 30, 2008

When you make the second entry and the debits and credits balance, and you blow them to hell.
Is goons for hire: developers thread the best place to look for someone to hire to set up a fairly simple Wordpress blog?

aperfectcirclefan
Nov 21, 2021

by Hand Knit

pseudanonymous posted:

Is goons for hire: developers thread the best place to look for someone to hire to set up a fairly simple Wordpress blog?

That or if you want to give me a PM I can help you likely for free depending on what you need set up. I've helped several goons at no charge set up / fix their blogs.

Dominoes
Sep 20, 2007

Cory - Thanks for the detailed information and starting points. Those all sound great! Diving in. And as I suspected, going over the MDN docs on HTTP, authentication, headers etc has been enlightening.

Re scraping - I'm doing this in Rust (It feels more Hackery to do this in a low level language!), and have found a few crates for HTTP access, scraping etc that should help.

Even if it fails, I think this project will be instructional.

Dominoes fucked around with this message at 22:00 on Mar 6, 2022

fuf
Sep 12, 2004

haha

Pablo Bluth posted:

If a web page (not mine) is using a <video> element, is there a way stats about the video it's playing? I want to check the resolution/framerate/bitrate of the video file?

This is an old post but I had to do the same thing recently and I don't think a <video> element really knows anything about the video it is playing.

You have to download the complete video file and then scan it on the server to get the metadata. I did this in .NET using Puppeteer-Sharp to do the scraping of the video file, then FFMpegCore to generate the metadata. Let me know if you want any more detail.

uncle blog
Nov 18, 2012

What is this called? Hexadecimal text?

And how do I decode it?

code:
DC CD E2 FA E8 E7 EE F0 C3 CD EE E6 EE C9 C8 E5 D3 D2 C0 E1 D0 D2 C3 ED EE B8 E2 E6 E8 E3 C8 BA EB CD DC F3 D0 D9 C8 E2 E9 E7 DF ED E8 D2 DC F9 EE CD E6 FD E8 CD DF ED D3 B9 C0 BF E9 C2 D8 FC D0 B9 C0 E2 E9 CD E2 FA D3 F3 C8 F9 D3 D2 E6 E6 E9 E4 C7 FF C3 CF D0 F9 D3 DD E9 BC C3 C2 DC DF E9 E1 C0 FA D0 CF FA FB C5 CD EE B8 D3 B8 BB C7 DE BB D0 F8 D0 DC CC C4

Data Graham
Dec 28, 2009

📈📊🍪😋



That could be a representation of literally any data.

What is it? Where is it coming from? Where/how are you seeing it?

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:

uncle blog posted:

What is this called? Hexadecimal text?

And how do I decode it?

Yeah, that's hex by the looks of it but without knowing the source, I don't think there's a way to decode it. It could be a JPEG, could be an MPEG. That's only like 30 bytes of data though, so I don't know what the gently caress.

Doom Mathematic
Sep 2, 2008
Whatever it is, it's not ASCII text. The lowest byte is B8. The weird frequency distribution makes it seem like a secret code though. Or points on a grid or something.

What's the context for this? Where did this data come from?

LongSack
Jan 17, 2003

uncle blog posted:

What is this called? Hexadecimal text?

And how do I decode it?

code:
DC CD E2 FA E8 E7 EE F0 C3 CD EE E6 EE C9 C8 E5 D3 D2 C0 E1 D0 D2 C3 ED EE B8 E2 E6 E8 E3 C8 BA EB CD DC F3 D0 D9 C8 E2 E9 E7 DF ED E8 D2 DC F9 EE CD E6 FD E8 CD DF ED D3 B9 C0 BF E9 C2 D8 FC D0 B9 C0 E2 E9 CD E2 FA D3 F3 C8 F9 D3 D2 E6 E6 E9 E4 C7 FF C3 CF D0 F9 D3 DD E9 BC C3 C2 DC DF E9 E1 C0 FA D0 CF FA FB C5 CD EE B8 D3 B8 BB C7 DE BB D0 F8 D0 DC CC C4

Is it EBCDIC? :ohdear:

Just-In-Timeberlake
Aug 18, 2003

LongSack posted:

Is it EBCDIC? :ohdear:

I have literally have had to deal with this bullshit because some of our customers need to be electronically invoiced using this loving graybeard poo poo that they've got running on some ancient loving system and all I can say about that is anybody still using this poo poo can solidly go.gently caress.themselves.

Adbot
ADBOT LOVES YOU

Paul MaudDib
May 3, 2006

TEAM NVIDIA:
FORUM POLICE
is it at all worthwhile for small/one-off apps to hook into an LDAP or other IDP system rather than trying to re-invent the wheel with login systems? I've wondered if docker/etc have lowered the cost of entry there.

(I’d assume there’s libraries for Spring to do most of the heavy lifting)

Or is there a thing for Hibernate? or a pre-rolled oauth service with postgres/sqlite behind it?

Paul MaudDib fucked around with this message at 06:31 on Mar 8, 2022

  • 1
  • 2
  • 3
  • 4
  • 5
  • Post
  • Reply