Recherche avancée
Médias (1)
-
La conservation du net art au musée. Les stratégies à l’œuvre
26 mai 2011
Mis à jour : Juillet 2013
Langue : français
Type : Texte
Autres articles (52)
-
Gestion générale des documents
13 mai 2011, parMédiaSPIP ne modifie jamais le document original mis en ligne.
Pour chaque document mis en ligne il effectue deux opérations successives : la création d’une version supplémentaire qui peut être facilement consultée en ligne tout en laissant l’original téléchargeable dans le cas où le document original ne peut être lu dans un navigateur Internet ; la récupération des métadonnées du document original pour illustrer textuellement le fichier ;
Les tableaux ci-dessous expliquent ce que peut faire MédiaSPIP (...) -
Des sites réalisés avec MediaSPIP
2 mai 2011, parCette page présente quelques-uns des sites fonctionnant sous MediaSPIP.
Vous pouvez bien entendu ajouter le votre grâce au formulaire en bas de page. -
HTML5 audio and video support
13 avril 2011, parMediaSPIP uses HTML5 video and audio tags to play multimedia files, taking advantage of the latest W3C innovations supported by modern browsers.
The MediaSPIP player used has been created specifically for MediaSPIP and can be easily adapted to fit in with a specific theme.
For older browsers the Flowplayer flash fallback is used.
MediaSPIP allows for media playback on major mobile platforms with the above (...)
Sur d’autres sites (6412)
-
Bye Bye FATE Machine
4 septembre 2010, par Multimedia Mike — FATE ServerThis is the computer that performed the lion’s share of FATE cycles for the past 1.5 years before Mans put a new continuous integration system into service. I’ve now decided to let the machine go. I can’t get over how odd this feels since this thing is technically the best machine I own.
It’s a small form factor Shuttle PC (SD37P2 v2) ; Core 2 Duo 2.13 GHz ; 2 GB RAM ; 400 GB SATA HD ; equipped with the only consistently functional optical drive in my house (uh oh). I used it as my primary desktop from March 2007 – November 2008, at which point I repurposed it for FATE cycles.
As mentioned, the craziest part is that this is technically the best computer in my house. My new EeePC 1201PN isn’t at quite the same level ; my old EeePC can’t touch it, of course ; the Mac Mini has a little more RAM but doesn’t stack up in nearly all other areas. But the Shuttle just isn’t seeing that much use since the usurpation. I had it running automated backup duty for multimedia.cx but that’s easy enough to move to another, lower-powered system.
Maybe the prognosticators are correct and the PC industry has matured to the point where raw computing power simply doesn’t matter anymore. I fancy myself as someone who knows how to put CPU power to work but even I don’t know what to do with the computing capacity I purchased over 3 years ago.
Where will the Shuttle go ? A good home, I trust– I know a family that just arrived in the country and could use a computer.
-
Reading colors encoded in image at a position changes its value after decoded from video using php and ffmpeg
29 novembre 2022, par Jeenus JunanioI created a piece of code to encode unique color on image and converted the image to PNG so that it would be lossless. After This I created a video with the frame using this image using the ffmpeg in php shellexec(). After saving this video I reopened it to extract the frmae image added and tried to read those values from the image. Now the values on the image are a bit changed.


Here is the code that I tried to create the video :


$canvas = imagecreatefromjpeg('translate/first_frame.jpg');
 // create a random color
 $rand = str_pad(dechex(rand(0x000000, 0xFFFFFF)), 6, 0, STR_PAD_LEFT);
 $dec_color= hexdec($rand);

 // add the new color to image

 for ($i=0; $i < 24; $i++) { 
 imagesetpixel($canvas,$i,0,$dec_color);
 }

 // store the image and close the file opened

 // $filename = 'translate/test/output.png'; 
 $filename = 'translate/test/output.bmp'; 

 // imagepng($canvas, $filename);
 imagebmp($canvas, $filename);

 imagedestroy($canvas);

 $frame = $filename; // an image(png,gif,etc)
 $audio = 'translate/output/audio/abcdefghijklmnopqrstuvwxya.mp3';
 $output = 'translate/output/video/'.time().'.mp4'; 

 $cmd = 'ffmpeg -loop 1 -y -i '.$frame.' -i '.$audio.' -c:v libx264 -tune stillimage -c:a copy -shortest '.$output;
 shell_exec($cmd);


This above code is creating the video with the image.


Now I tried to extract the image video and color from image, the colors are a bit changed.


if($request->hasFile('video')){
 $file = $request->file('video');
 $filename = $file->getClientOriginalName();
 $path = public_path('translate/test/');
 }else{
 return 'No file uploaded';
 }
 
 
 if ($file->move($path, $filename)) {
 $video = 'translate/test/'.$filename;
 }else{
 return 'error file upload';
 }

 
 // $output = 'translate/output/image/'.time().'.png';
 $output = 'translate/output/image/'.time().'.bmp';
 // $output = 'translate/output/image/'.time().'.jpg';

 $cmd = 'ffmpeg -i '.$video.' -vframes 1 '.$output;
 shell_exec($cmd);


// $dimg = imagecreatefrompng($output);
 $dimg = imageCreateFromBmp($output);
 // $dimg = imagecreatefromjpeg($output);

 $extracted_color = array();

 for ($x=0; $x < 24 ; $x++) { 
 $extracted_color[]= imagecolorat($dimg, $x, 0);
 }

 echo "<br />Retrived colors:<pre>".print_r($extracted_color,1)."</pre>";

 imagedestroy($dimg);





The color added was 44743072 but the colors retrieved are 4539914,4474121,4408072,4408326 from x=0,y=0 to x=24,y=0.


In both PNG and BMP I am loosing the added pixels. You can clearly see in my code i have commented the code for png to read the image as bmp.


Can someone let me know if I miss anything here.


-
Evolution #4753 (Nouveau) : Styles du privé : listes d’objets (suite des boîtes et des formulaires)
30 avril 2021Les boîtes et les formulaires ont été visuellement « raccordés » ensembles.
Je pense que logiquement les listes d’objets devraient suivre.
En fait ce sont 3 variations d’un même composant : une boîte avec entête, corps et pied.Pour les listes on peut séparer la question en 2 aspects :
1) L’emballage extérieur¶
Là il s’agirait de reprendre les choix graphiques propres à « l’emballage extérieur » des boîtes et formulaires : bordure, arrondi, espacements.
Exemple sur l’image suivant où les 3 sont visibles (nb : ceux en colonne sont automatiquement « ressérés », d’où la différence de padding etc.)
Après en fonction de l’un ou de l’autre, il y aura peut-être lieu d’ajuster le padding ou la taille du titre. Mais pour l’instant ce sont ceux en place.
2) L’intérieur¶
Ensuite je propose de procéder à quelques ajustements à l’intérieur de ces listes.
Je pense que certains choix ont été faits pour s’accommoder du manque de place en largeur à l’époque, et ne sont plus nécessaires maintenant.Pour me faire un idée de ce qui fonctionnerait le mieux, et comprendre les détails visuels qui me gênaient un peu, j’ai parcouru quelques articles de recommandations sur l’ergonomie des data tables.
Alors ils traitent plutot des fonctionnalités de ces tables dans leur ensemble, mais il y a aussi quelques guidelines visuelles intéressantes.- https://uxdesign.cc/data-table-for-enterprise-ux-cb48fb9fdf1e
- https://medium.com/nextux/design-better-data-tables-4ecc99d23356
- https://www.uxbooth.com/articles/designing-user-friendly-data-tables/
- https://uxdesign.cc/lets-design-data-tables-bf065a60e588
Je retiens quelques règles simples :
- Des espacements suffisants et consistants (le padding quoi)
- Une taille de police identique partout (au moins dans le tbody). C’est fatiguant pour l’oeil et moins lisible quand on passe sans arrêt d’un taille de police à l’autre sur une même ligne. Et je ne suis pas sûr qu’il y ait forcément besoin de gras pour certains éléments comme les titres ou autres.
- À quelques exceptions près (id, picto), pas de largeur fixes sur les colonnes, laisser faire le navigateur.
Donc voilà, c’est pas grand chose à ajuster non plus.
Les colonnes des tables ont des classes .importante et .secondaire.
À mon avis elle ne devraient plus avoir d’incidence en vue « normale », mais juste décider quelles colonnes afficher et masquer en vue réduite, dans les colonnes ou ailleurs.Donc dans les grandes lignes ça donnerait quelques chose comme ça (juste une maquette) :
3) Détails¶
Enfin pour ces 3 composants, je propose qu’il y ait une classe modificatrice commune pour produire un affichage compact, c’est à dire ressérer tout le contenu.
Cette classe serait automatiquement appliquée dans les colonnes.Ça pourrait être « compact », mais sur d’autres composants pour varier les tailles je suis parti sur mini / large. Donc mini aussi ?
Syndiquer tout le site
