Recherche avancée

Sur d’autres sites (4853)

• Anomalie #4623 : Styles des fieldset dans l’espace privé

  17 avril 2021

  À vous entendre j’ai un peu l’impression que c’est insoluble.

  À titre personnel :

  - j’aimais bien la démarcation bordure top du fieldset (au contraire même je trouve quelle améliore la lecture, enfin pour celui du premier niveau)
  - je n’aime pas pour sûr non plus le dégradé de bordure sur la proposition de Rasta
  - et je ne suis pas choqué du tout par le "cadre" de la proposition de Nicod ;

  Ce qui me gène par contre un peu plus c’est de démarquer le premier niveau de fieldset ; ou alors il faudrait pouvoir le désactiver avec une classe.

  Je comprends l’argument que tu disais pour "si tu demandes une date en 3 parties jour | mois | annee" (ou je sais plus exactement) tu as besoin que ça se démarque.
  Mais pour pas mal de formulaires utilisés dans SPIP démarquer plus le fieldset de premier niveau est pas utile (d’où peut être de pouvoir désactiver au besoin son décalage). Si tu regardes ?exec=configurer_contenu : il n’ a pas besoin de plus que ça actuellement.

  Maintenant si ça doit être fait quand même, ce que propose Nicod me parait vaguement plus agréable, même si c’est peut être pas assez distinctif. J’enlèverais la marge blanche entre le bord et le premier fieldset également.

  Quelques remarques d’alignement :¶

  - Par ailleurs je crois que (comme le montre Nicod) il faut réaligner le legend avec les labels dessous.
  - Je dirais même qu’il faut aligner ce legend avec les labels au dessus (c’est à dire en soustrayant de la marge l’éventuelle bordure ajoutée)
  - Il ne faudrait pas qu’une éventuelle bordure gauche sur le fieldset dépasse vers le bas (comme encore une fois ce que montre Nicod) ; Ce que je n’ai pas spécialement réussi à faire sur les captures que je montre après (peut être faut décorer la bordure avec un :before {} alors plutôt que de tenter d’altérer les marges des :last-child contenus dans le fieldset)

  Je montre différents tests ensuite, pour montrer que mettre un fieldset de premier niveau "visible" c’est pas gégé sur les formulaires de base, et mieux sans (ou faut un truc pour le désactiver - ou inversement l’activer au besoin). En fait il y a peut être besoin de 2 types de fieldsets (de premier niveau)

  avec bordure gauche, sans marge gauche, alignements verticaux respectés¶

  
  

  Ici le fieldset de premier niveau est bien lourd…

  sans bordure gauche de premier niveau, alignements verticaux respectés¶

  
  

  Le problème est montré sur le dernier champ du formulaire formidable : on ne sait pas s’il est du fieldset ou possiblement en dehors du fieldset

  Bref, tout ça est hyper pas simple. Je n’ai pas l’impression qu’on puisse concilier l’un (la simplicité du premier niveau) sans alourdir visuellement inutilement, et sans proposer 2 « types » de fieldset de premier niveau.
  Je parle même pas de la syntaxe avec ou sans div.fieldset en plus…

• Evolution #4753 : Styles du privé : listes d’objets (suite des boîtes et des formulaires)

  4 mai 2021

  Un point étape.
  Cette fois-ci j’aimerais bien un historique pas trop cassé, donc discussion avant de balancer du code.
  Maintenant les captures ne sont plus des maquettes, mais du vrai code.

  Emballage extérieur¶

  Donc pour la partie « emballage extérieur », les boîtes, formulaires et listes sont unifiés et réutilisent les mêmes variables CSS.
  Elles ont toutes une variante .mini pour tout ressérer. Cette variante est automatiquement appliquée en certains endroits (dans les colonnes, etc.).

  

  Intérieur¶

  Pour l’intérieur, j’ai donc appliqué ces quelques règles :

  • Padding un peu plus grand
  • Plus de largeur fixe, à l’exception de quelques colonnes précises (id, statut, picto)
  • Même taille de texte dans toutes les colonnes, à l’exception des <small></small> éventuels

  Dans les colonnes latérales (.lat), toutes les colonnes du tableau sont masquées à l’exception des .principale et de quelques autres choisies à la main (id, statut).

  J’ai testé avec toutes les listes de la dist, il faudra bien continuer à tester avec d’autres cas de figure.

  

  Listes, formulaires et +¶

  Le sujet des listes objets-lies et objets-associer m’a amené à déborder un peu du sujet initial. Mais tout est un peu lié, un sujet en amène un autre.

  Donc ces 2 listes sont utilisées dans le formulaire editer_liens, j’en ai profité pour essayer de le remettre d’aplomb.
  Là j’ai vu qu’avec l’apparence par défaut (bordure grise + fond blanc), quand plusieurs formulaires de liens se suivaient, on avait du mal à voir où finissait l’un et où commençait l’autre (pas de capture, croyez moi sur parole :).
  En mettant un fond gris, on les distingue beaucoup mieux.
  Et j’ai bien insisté quand ils sont "dépliés", pour distinguer les 2 zones.

  

  

  Mais ça a également un autre avantage : en scannant la fiche objet dans son ensemble, on voit mieux où commence le « vrai » contenu de l’objet, par rapport aux bidules de configuration (date, liens, etc.).
  D’abord les formulaires et autres sur fond gris, puis ensuite le texte de l’objet.

  Donc je pense qu’on pourrait généraliser ça : au lieu de dire « les formulaires editer_liens sont sur fond gris », on pourrait étendre à « tous les formulaires ajoutés par afficher_milieu sont sur fond gris ». Ça reste une règle graphique assez légère, normalement ça ne devrait pas poser de problème avec les formulaires à cet endroit.
  Le problème c’est qu’actuellement il n’y a aucun moyen de cibler en CSS ce qui est ajouté par affiche_milieu, il faut encapsuler tout ça dans un div.afficher_milieu (ce que j’ai fait pour tester le principe).

  Et donc, la fiche objet dans son ensemble pour illustrer :

  

  Ah, et un test pour le formulaire de traductions :

  

• Send AVPacket over Network

  2 décembre 2019, par Yondonator

  I’m generating AVPackets with an encoder with ffmpeg and now I want to send them with UDP to another Computer and show them there.
  The problem is I don’t know how to convert the packet to bytes and back. I tried this to copy the package :

  AVPacket newPacket = avcodec.av_packet_alloc();
  
  
  
  
  
  ByteBuffer byteBuffer = packet.buf().buffer().asByteBuffer();
  
  int bufferSize = byteBuffer.capacity();
  
  byte bytes[] = new byte[bufferSize];
  
  byteBuffer.get(bytes);
  
  AVBufferRef newBufferRef = avutil.av_buffer_alloc(bufferSize);
  
  newBufferRef.data(new BytePointer(bytes));
  
  newPacket.buf(newBufferRef);
  
  
  
  
  
  ByteBuffer dataBuffer = packet.data().asByteBuffer();
  
  int dataSize = dataBuffer.capacity();
  
  byte dataBytes[] = new byte[dataSize];
  
  dataBuffer.get(dataBytes);
  
  BytePointer dataPointer = new BytePointer(dataBytes);
  
  newPacket.data(dataPointer);
  
  
  
  
  
  newPacket.dts(packet.dts());
  
  newPacket.duration(packet.duration());
  
  newPacket.flags(packet.flags());
  
  newPacket.pos(packet.pos());
  
  newPacket.pts(packet.pts());
  
  newPacket.side_data_elems(0);
  
  newPacket.size(packet.size());
  
  newPacket.stream_index(packet.stream_index());
  
  
  
  
  
  videoPlayer.sendPacket(newPacket);

  This gives me this Error :

  [h264 @ 0000018951be8440] Invalid NAL unit size (3290676 > 77).
  
  [h264 @ 0000018951be8440] Error splitting the input into NAL units.
  
  [h264 @ 0000018951bf6480] Invalid NAL unit size (15305314 > 163).
  
  [h264 @ 0000018951bf6480] Error splitting the input into NAL units.

  The problem is newPacket.data(). When I set it directly : newPacket.data(packet.data())
  it works. Also packet.data().asByteBuffer().capacity() returns 1 and packet.data().capacity() returns 0.

  This is my method that creates the decoder :

  private void startUnsafe() throws Exception
  
      {
  
          int result;
  
  
  
          convertContext = null;
  
          codec = null;
  
          codecContext = null;
  
          AVFrame = null;
  
          RGBAVFrame = null;
  
          frame = new Frame();
  
  
  
          codec = avcodec_find_decoder(codecID);
  
          if(codec == null)
  
          {
  
              throw new Exception("Unable to find decoder");
  
          }
  
  
  
          codecContext = avcodec_alloc_context3(codec);
  
          if(codecContext == null)
  
          {
  
              releaseUnsafe();
  
              throw new Exception("Unable to alloc codec context!");
  
          }
  
  
  
          AVCodecParameters para = avcodec_parameters_alloc();
  
          para.bit_rate(streamBitrate);
  
          para.width(streamWidth);
  
          para.height(streamHeight);
  
          para.codec_id(codecID);
  
          para.codec_type(AVMEDIA_TYPE_VIDEO);
  
          try
  
          {
  
              byte extradataByte[] = Files.readAllBytes(new File("extradata.byte").toPath());
  
              para.extradata(new BytePointer(extradataByte));
  
              para.extradata_size(extradataByte.length);
  
          }
  
          catch (IOException e1)
  
          {
  
              e1.printStackTrace();
  
              throw new Exception("extradata file not available");
  
          }
  
  
  
          result = avcodec_parameters_to_context(codecContext, para);
  
          if(result < 0)
  
          {
  
              throw new Exception("Unable to copy parameters to context! [" + result + "]");
  
          }
  
  
  
          codecContext.thread_count(0);
  
  
  
          result = avcodec_open2(codecContext, codec, new AVDictionary());
  
          if(result < 0)
  
          {
  
              releaseUnsafe();
  
              throw new Exception("Unable to open codec context![" + result + "]");
  
          }
  
  
  
          AVFrame = av_frame_alloc();
  
          if(AVFrame == null)
  
          {
  
              releaseUnsafe();
  
              throw new Exception("Unable to alloc AVFrame!");
  
          }
  
  
  
          RGBAVFrame = av_frame_alloc();
  
          if(RGBAVFrame == null)
  
          {
  
              releaseUnsafe();
  
              throw new Exception("Unable to alloc AVFrame!");
  
          }
  
          initRGBAVFrame();
  
  
  
          TimerTask task = new TimerTask() {
  
  
  
              @Override
  
              public void run()
  
              {
  
                  timerTask();
  
              }
  
          };
  
          timer = new Timer();
  
          timer.scheduleAtFixedRate(task, 0, (long) (1000/streamFramerateDouble));
  
  
  
          window.setVisible(true);
  
      }

  The file extradata.byte has some bytes that I got from another video, because without them it doesn’t work too.

  EDIT :

  package org.stratostream.streaming;
  
  
  
  import java.nio.ByteBuffer;
  
  
  
  
  
  import org.bytedeco.javacpp.BytePointer;
  
  import org.bytedeco.javacpp.Pointer;
  
  import org.bytedeco.javacpp.avcodec;
  
  import org.bytedeco.javacpp.avutil;
  
  import org.bytedeco.javacpp.avcodec.AVPacket;
  
  import org.bytedeco.javacpp.avcodec.AVPacketSideData;
  
  
  
  
  
  public class PacketIO {
  
  
  
  
  
      public static final int SIDE_DATA_FIELD = 0;
  
      public static final int SIDE_ELEMENTS_FIELD = 4;
  
      public static final int SIDE_TYPE_FIELD = 8;
  
      public static final int DTS_FIELD = 12;
  
      public static final int PTS_FIELD = 20;
  
      public static final int FLAGS_FIELD = 28;
  
      public static final int DATA_OFFSET = 32;
  
  
  
      public static byte[] toByte(AVPacket packet) throws Exception
  
      {
  
          int dataSize = packet.size();
  
          ByteBuffer dataBuffer = packet.data().capacity(dataSize).asByteBuffer();
  
          byte dataBytes[] = new byte[dataSize];
  
          dataBuffer.get(dataBytes);
  
  
  
          AVPacketSideData sideData = packet.side_data();
  
          int sideSize = sideData.size();
  
          ByteBuffer sideBuffer = sideData.data().capacity(sideSize).asByteBuffer();
  
          byte sideBytes[] = new byte[sideSize];
  
          sideBuffer.get(sideBytes);
  
  
  
          int sideOffset = DATA_OFFSET + dataSize;
  
          int resultSize = sideOffset + sideSize;
  
          byte resultBytes[] = new byte[resultSize];
  
          System.arraycopy(dataBytes, 0, resultBytes, DATA_OFFSET, dataSize);
  
          System.arraycopy(sideBytes, 0, resultBytes, sideOffset, sideSize);
  
          resultBytes[SIDE_DATA_FIELD] = (byte) (sideOffset >>> 24);
  
          resultBytes[SIDE_DATA_FIELD+1] = (byte) (sideOffset >>> 16);
  
          resultBytes[SIDE_DATA_FIELD+2] = (byte) (sideOffset >>> 8);
  
          resultBytes[SIDE_DATA_FIELD+3] = (byte) (sideOffset >>> 0);
  
  
  
          int sideType = sideData.type();
  
          intToByte(resultBytes, SIDE_TYPE_FIELD, sideType);
  
  
  
          int sideElements = packet.side_data_elems();
  
          intToByte(resultBytes, SIDE_ELEMENTS_FIELD, sideElements);
  
  
  
          long dts = packet.dts();
  
          longToByte(resultBytes, DTS_FIELD, dts);
  
  
  
          long pts = packet.pts();
  
          longToByte(resultBytes, PTS_FIELD, pts);
  
  
  
          int flags = packet.flags();
  
          intToByte(resultBytes, FLAGS_FIELD, flags);
  
  
  
          return resultBytes;
  
      }
  
  
  
      public static AVPacket toPacket(byte bytes[]) throws Exception
  
      {
  
          AVPacket packet = avcodec.av_packet_alloc();
  
  
  
          int sideOffset = byteToInt(bytes, SIDE_DATA_FIELD);
  
          int sideElements = byteToInt(bytes, SIDE_ELEMENTS_FIELD);
  
          int sideType = byteToInt(bytes, SIDE_TYPE_FIELD);
  
          int dataSize = sideOffset - DATA_OFFSET;
  
          int sideSize = bytes.length - sideOffset;
  
  
  
          long pts = byteToLong(bytes, PTS_FIELD);
  
          long dts = byteToLong(bytes, DTS_FIELD);
  
          int flags = byteToInt(bytes, FLAGS_FIELD);
  
  
  
          packet.pts(pts);
  
          packet.dts(dts);
  
          packet.flags(flags);
  
  
  
  
  
          Pointer newDataPointer =  avutil.av_malloc(bytes.length);
  
          BytePointer dataPointer = new BytePointer(newDataPointer);
  
          byte dataBytes[] = new byte[dataSize];
  
          System.arraycopy(bytes, DATA_OFFSET, dataBytes, 0, dataSize);
  
          dataPointer.put(dataBytes);
  
          packet.data(dataPointer);
  
          packet.size(dataSize);
  
  
  
          Pointer newSidePointer = avutil.av_malloc(sideSize);
  
          BytePointer sidePointer = new BytePointer(newSidePointer);
  
          byte sideBytes[] = new byte[sideSize];
  
          System.arraycopy(bytes, sideOffset, sideBytes, 0, sideSize);
  
          sidePointer.put(sideBytes);
  
          AVPacketSideData sideData = new AVPacketSideData();
  
          sideData.data(sidePointer);
  
          sideData.type(sideType);
  
          sideData.size(sideSize);
  
          //packet.side_data(sideData);
  
          //packet.side_data_elems(sideElements);
  
  
  
          return packet;
  
      }
  
  
  
      private static void intToByte(byte[] bytes, int offset, int value)
  
      {
  
          bytes[offset] = (byte) (value >>> 24);
  
          bytes[offset+1] = (byte) (value >>> 16);
  
          bytes[offset+2] = (byte) (value >>> 8);
  
          bytes[offset+3] = (byte) (value >>> 0);
  
      }
  
  
  
      private static void longToByte(byte[] bytes, int offset, long value)
  
      {
  
          bytes[offset] = (byte) (value >>> 56);
  
          bytes[offset+1] = (byte) (value >>> 48);
  
          bytes[offset+2] = (byte) (value >>> 40);
  
          bytes[offset+3] = (byte) (value >>> 32);
  
          bytes[offset+4] = (byte) (value >>> 24);
  
          bytes[offset+5] = (byte) (value >>> 16);
  
          bytes[offset+6] = (byte) (value >>> 8);
  
          bytes[offset+7] = (byte) (value >>> 0);
  
      }
  
  
  
      private static int byteToInt(byte[] bytes, int offset)
  
      {
  
          return (bytes[offset]<<24)&0xff000000|(bytes[offset+1]<<16)&0x00ff0000|(bytes[offset+2]<<8)&0x0000ff00|(bytes[offset+3]<<0)&0x000000ff;
  
      }
  
  
  
      private static long byteToLong(byte[] bytes, int offset)
  
      {
  
          return (bytes[offset]<<56)&0xff00000000000000L|(bytes[offset+1]<<48)&0x00ff000000000000L|(bytes[offset+2]<<40)&0x0000ff0000000000L|(bytes[offset+3]<<32)&0x000000ff00000000L|(bytes[offset+4]<<24)&0x00000000ff000000L|(bytes[offset+5]<<16)&0x0000000000ff0000L|(bytes[offset+6]<<8)&0x000000000000ff00L|(bytes[offset+7]<<0)&0x00000000000000ffL;
  
      }
  
  
  
  }

  Now I have this class that works fine on the same programm, but when I send the bytes over the network I get a bad output and this error is printed to the console :

  [h264 @ 00000242442acc40] Missing reference picture, default is 72646
  
  [h264 @ 000002424089de00] Missing reference picture, default is 72646
  
  [h264 @ 000002424089e3c0] mmco: unref short failure
  
  [h264 @ 000002424081a580] reference picture missing during reorder
  
  [h264 @ 000002424081a580] Missing reference picture, default is 72652
  
  [h264 @ 000002424082c400] mmco: unref short failure
  
  [h264 @ 000002424082c400] co located POCs unavailable
  
  [h264 @ 000002424082c9c0] co located POCs unavailable
  
  [h264 @ 00000242442acc40] co located POCs unavailable
  
  [h264 @ 000002424089de00] mmco: unref short failure

  I think its because I dont set the sidedata field but when I try to set it the encoder crashes with the second packet.

  The output looks like this :
  Decoder Output