javascript

javascript

Mugshots aléatoires

From Anonymous

From Anonymous
Votre note: None Note: 3 (1 vote)

Réseaux






Mugshot standalone 640x480

Toutes mes excuses pour la publication tardive de cette version standalone de l'application mugshot. C'est pourtant prêt depuis décembre dernier...

Pour rappel voici les fonctionnalités de cette version :

  • Le code du module flash a été porté en actionscript 3.
  • L'image envoyée par le module flash est compressée en JPEG, contrairement au format RAW utilisé précédemment, ce qui permet d'envoyer des photos avec une résolution plus élevée.
  • Par le point ci-dessus, la résolution des photos est passée de 160x120 à 640x480
  • Ce code mis à disposition sur incomplet.gskinner.com m'a permis d'intégrer un système de déformation des photos plutôt amusant.

La version intégrée à Drupal a déja fait pas mal de chemin, plus de 650 mugshots sur bonvga.net mais le record reste pour diariopopular avec plus de 19000 mugshots !

Vous pouvez tester la version standalone ici ou télécharger le fichier attaché ci-dessous pour l'installer sur votre serveur web.

Tags

Mugshot standalone 320x240

Voici une réédition du script mugshot standalone que j'ai publié il y a quelque temps.

Celui-ci permet de prendre des photos depuis votre webcam avec une résolution de 320x240 au lieu de 160x120 pour l'ancienne version.

Le serveur met un peu plus de temps pour recevoir l'image car il y a 4 fois plus de données qu'avant. J'en profite pour pauser la question aux flasheurs professionnels, connaissez-vous une méthode de compression du texte depuis flash et est il facile de modifier mon script pour pousser les captures sur des résolutions plus élevées ?

Une démo en ligne est disponible ici et le code source est lié à cette page.

Tags

Mugshot standalone

Voici enfin à la demande générale une version épurée du module mugshot.

Cette version 'ready-to-botch' contient :

  • le script php qui affiche le module mugshot flash (index.php)
  • le script php qui recoit la photo en provenance du module mugshot (mugshot.php)
  • le module mugshot flash et ses sources (mugshot.swf)

Il y a un 'minimum' de documentation dans le code. Je répondrais aux questions si necessaire.

Pour voir une démonstration en ligne de ce script : mugshot standalone.

Tags

En vrac

Bonjour, bonsoir, pour commencer ce billet du week-end, voici quelques liens :

Prochainement, j'espère pouvoir vous parler de la Freebox V5 que j'ai commandé il y a quelques jours. La nouvelle boiboite est bourrée de nouveau trucs comme décrits sur cet article. Il y a des bons points et des mauvais, enfin, c'est un peu comme d'habitude avec Free, c'est quitte ou double Eye-wink

Tags

Recherche sur Drupal en AJAX

Avant de commencer : Cette page explique comment ajouter un champ de recherche autocompleté sur Drupal 4.6 en utilisant la librairie scriptaculous. Pour les nouvelles version de Drupal, j'ai développé un module Search autocomplete.

Voici une méthode pour 'ajaxifier' rapidement et simplement le moteur de recherche intégré à un site drupal. Ci dessous un exemple en image :

exemple de recherche

Installation quick'n'dirty :

scriptaculous :

Commencez par télécharger scriptaculous puis décompactez l'archive dans le répertoire 'misc/' de votre installation de drupal.

modification du template :

Ensuite, sur le template themes/bluemarine_smarty/page.tpl (thème bluemarine_smarty), remplacez les portions de code suivantes :

  {* remplacez cela *}
  {$head}
  {$styles}

  {* --------------------- *}

  {* par ceci *}
  {$head}
  <script src="misc/scriptaculous-js-1.6.0/lib/prototype.js" type="text/javascript"></script>
  <script src="misc/scriptaculous-js-1.6.0/src/effects.js" type="text/javascript"></script>
  <script src="misc/scriptaculous-js-1.6.0/src/controls.js" type="text/javascript"></script>
  {$styles}

et aussi

  {* remplacez cela *}
        <div id="search">
          <input class="form-text" type="text" size="15" value="" name="edit[keys]" alt="{$search_description}" />
          <input class="form-submit" type="submit" value="{$search_button_text}" />
        </div>

  {* --------------------- *}

  {* par ceci *}
        <div id="search">
          <input autocomplete="off" class="form-text" type="text" size="15" value="" id="search_field" name="edit[keys]" alt="{$search_description}" />
<style type="text/css"><!--{literal}
div.auto_complete {
  width: 250px;
  background: #fff;
  text-align: left;
}
div.auto_complete ul {
  border:1px solid #ccc;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected {
  background-color: #ccc;
}
div.auto_complete ul strong.highlight {
  color: #ccc;
  margin:0;
  padding:0;
}{/literal}
--></style>
          <div class="auto_complete" id="search_auto_complete"></div>
          <script type="text/javascript">new Ajax.Autocompleter('search_field', 'search_auto_complete', 'ajax_search.php', {ldelim}{rdelim})</script>
          <input class="form-submit" type="submit" value="{$search_button_text}" />
        </div>

La modification du template est quasi similaire selon les thèmes utilisés et le moteur de template utilisé.

coté serveur :

Créer un fichier nommé ajax_search.php sur la racine du site.

<?php
include_once 'includes/bootstrap.inc';
include_once
'includes/common.inc' ;

list(
$q) = explode(" ",trim($_POST["edit"]["keys"]));

if (
strlen($q)>1) {
 
$result = db_query('SELECT DISTINCT word FROM {search_total} WHERE word LIKE \'%s\' ORDER BY word ASC, count DESC LIMIT 30', $q.'%');
  echo
"<ul>";
  while(
$line = db_fetch_object($result)) {
    echo
"<li>".$line->word."</li>";
  }
  echo
"</ul>";
}
?>

Et voila, il n'y a plus qu'à tester !

Tags