Recherche avancée

Sur d’autres sites (11354)

• ffmpeg drawtext Arabic fonts doesn't render correctly [closed]

  11 février 2024, par Mahmoud Abdellatief

  what i'm trying to achieve :
loop an image into a video and overlay Arabic Text from the Qur'an on it including the text diacritical mark, using a custom font.

  


  example of the text to be rendered :

  


  بِسْمِ ٱللَّهِ ٱلرَّحْمَـٰنِ ٱلرَّحِيمِ


  


  the font used :
https://fonts.qurancomplex.gov.sa/wp02/wp-content/uploads/2024/01/UthmanicHafs_v22.zip

  


  font's unicode module :

  


  Unicode Module 
 
The Research and Development Unit in the Computer Department at King Fahd Glorious Qur’an Printing Complex relied on the unicode system unicode to create (Hafs) font in the Uthmanic Script, because this system is followed globally among computer and systems manufacturing companies in the world.

Unicode organization is a global code group that is used to define all codes and letters used in most of the world's languages and gathered in one code to facilitate the presentation and delivery on information despite of the language used. This global coding uses 1 to 4 bytes (byte = 8 bits) to encode letters, and so far only a third of the number available in Unicode organization to encode the letters of these languages.

Taking into account Hafs font with the Uthmanic Script, which was built entirely on the unicode system. We can explore the basic letters that were formed according to the following figure:

Whereas the font was developed starting from code (0600 ) to code (066FF ) Taking into account there are several encoded letters that haven't been used at all so it was replaces with the code []. The displayed copy above is the one that is been developed from the basic Arabic coding (0600-06FF) which was updated by Unicode organization in 2009.


  


  expected result :
exported video with correctly rendered text using the given font.

  


  actual result :
the text rendered contains only the diacritical marks ( which are the accents on top of the letters ) without the actual letters.


  


  what i tried :
this is my test command which exports just an image for faster results :

  


  Ffmpeg -loop 1  -i "image-2.jpg" -vf "drawtext=text='بِسْمِ ٱللَّهِ ٱلرَّحْمَـٰنِ ٱلرَّحِيمِ':fontsize=124:fontcolor=white:fontfile='UthmanicHafsV22.ttf':x=(w-text_w)/2:y=(h-text_h)/2" -frames:v 1  "output.png"


  


  

  • tried adding ft_load_flags , almost tried all of them

  


  • tried text_shaping=1 , with no success

  


  • tried textfile instead of text

  


  • tried changing the font, any font i try with it always have different problems, either some squares instead of the diacritical mark

  


  


  p.s im having same results on both latest ffmpeg compiled by myself on macos terminal with all required libraries enabled , and also on flutter ffmpeg kit full gpl

  


• How to send AVPacket through a QTcpSocket.write() with all of its data ?

  24 juin 2024, par CottonBuds

  I want to send an AVPacket though a QTcpSocket.write() I tried to cast the avpacket pointer to an char * but it only shows 8 bytes of the avpacket and without the avpacket.data.

  


  

  


  here is my code

  


  void DisplayStreamServer::sendDataToClient(AVPacket* packet) {
    if (client == nullptr) {
        return;
    }


    client->write((char*) packet);
    client->waitForBytesWritten();

    av_packet_unref(packet);
    av_packet_free(&packet);
}


  


  I can see that my packet.data has data inside it using the visual studio memory viewer. but it seems like when i convert the packet to char * the data is not included

  


  

  


• How to upload and overlay animation.html file from system and overlay over video in HTML or ANGULAR

  23 septembre 2020, par Hiren

  Hey I am trying to build an app which has a functionality of allowing a user to upload a pre-existing .HTML file from his system which contains a simple animation init

  


  I want to get that file and overlay the animation contained in .HTML file on my video and display it to the user.

  


  is that possible please help me if it is.

  


  


  


  body {
  background: #;
}

#fullScreenBox {
  height: 500px;
  width: 50%;
  background: #;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hiddenBox {
  width: 50%;
  height: 500px;
  background: #;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

#title {
  width: 100%;
  height: 150px;
  background: #;
  /*U can also use #*/
  position: absolute;
  top: 200px;
  font-family: arial;
  font-size: 50px;
  color: white;
  text-align: center;
  opacity: 0;
}

#subtitle {
  width: 100%;
  height: 50px;
  background: #;
  /*U can also use #*/
  position: absolute;
  top: 300px;
  font-family: arial;
  font-size: 50px;
  color: red;
  text-align: center;
  opacity: 0;
}

#line01 {
  width: 25%;
  height: 4px;
  background: white;
  /*U can also use #*/
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: white;
  opacity: 0;
}

#overlay {
  position: absolute;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  padding: 10px 0;
  width: 50%;
  height: 500px;
  background: #;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#v {
  height: 500px;
  width: 100%;
}

  


  &#xA;&#xA;  <div>&#xA;    <div class="">&#xA;      <div class="webvfx" data-animate="&#x27;{&#xA;">&#xA;        LONDON&#xA;      </div>&#xA;      <div class="webvfx" data-animate="&#x27;{&#xA;">&#xA;&#xA;      </div>&#xA;&#xA;      <div class="webvfx" data-animate="&#x27;{&#xA;">&#xA;        City of Dreams!&#xA;      </div>&#xA;    </div>&#xA;</div>

  


  


  



  This is my HTML file that contains a simple animation for example which is in user system

  


  In my application when user upload this file i want to overlay the animation contained in this file on the video as he uploads it is these any way
Thank you