Android: Play HTML5 Youtube videos inside a WebView !!!

Hi,

I've never imagined that playing a HTML5 Youtube video inside a WebView would be such a tedious task. I even didn't think of it as a separate task.

The problem is that the video doesn't play. YES, it's as simple as that.

Any way, I found a work around solution that causes the video to run inside the media player instead of the WebView and of-course instead of launching the browser.

First, you'll need to add the next piece of code to your activity.

 private class MyChromeClient extends WebChromeClient implements OnCompletionListener, OnErrorListener{  
   
        FrameLayout.LayoutParams COVER_SCREEN_GRAVITY_CENTER = new FrameLayout.LayoutParams(  
            ViewGroup.LayoutParams.WRAP_CONTENT,  
            ViewGroup.LayoutParams.WRAP_CONTENT, Gravity.CENTER);  
   
        @Override  
        public void onShowCustomView(View view, CustomViewCallback callback) {  
          if (view instanceof FrameLayout) {  

            // mainWebView is the view that the video should've played inside.
            wv = (WebView)findViewById(R.id.mainWebView);  
                 
            mCustomViewContainer = (FrameLayout) view;  
            mCustomViewCallback = callback;  

            // mainLayout is the root layout that (ex. the layout that contains the webview)
            mContentView = (RelativeLayout)findViewById(R.id.mainLayout);  
            if (mCustomViewContainer.getFocusedChild() instanceof VideoView) {  
              mVideoView = (VideoView) mCustomViewContainer.getFocusedChild();  
              // frame.removeView(video);  
              mContentView.setVisibility(View.GONE);  
              mCustomViewContainer.setVisibility(View.VISIBLE);  
              setContentView(mCustomViewContainer);  
              mVideoView.setOnCompletionListener(this);  
              mVideoView.setOnErrorListener(this);  
              mVideoView.start();  
   
            }  
          }  
        }  
   
        public void onHideCustomView() {  
          if (mVideoView == null){  
            return;  
          }else{  
          // Hide the custom view.  
          mVideoView.setVisibility(View.GONE);  
          // Remove the custom view from its container.  
          mCustomViewContainer.removeView(mVideoView);  
          mVideoView = null;  
          mCustomViewContainer.setVisibility(View.GONE);  
          mCustomViewCallback.onCustomViewHidden();  
          // Show the content view.  
          mContentView.setVisibility(View.VISIBLE);  
          }  
        }  
   
        public void onCompletion(MediaPlayer mp) {  
          mp.stop();  
          mCustomViewContainer.setVisibility(View.GONE);  
          onHideCustomView();  
          setContentView(mContentView);  
        }  
   
        public boolean onError(MediaPlayer arg0, int arg1, int arg2) {  
          setContentView(mContentView);  
          return true;  
        }  
      }  

Then, you need (of-course) to use the back button to close the video and to go back. And this is how I managed to do this.

 @Override  
      public void onBackPressed() {  
            if(mCustomViewContainer != null){ 
                 
                 mVideoView.stopPlayback();  
                 mCustomViewContainer.setVisibility(View.GONE);  
            
                 if (mVideoView == null){  
              
                      return;  
                 }else{  
                      
                      // Hide the custom view.  
                      mVideoView.setVisibility(View.GONE);  
                      // Remove the custom view from its container.  
                      mCustomViewContainer.removeView(mVideoView);  
                      mVideoView = null;  
                      mCustomViewContainer.setVisibility(View.GONE);  
                      mCustomViewCallback.onCustomViewHidden();  
                      // Show the content view.  
                      mContentView.setVisibility(View.VISIBLE);  
                      setContentView(mContentView);  
                      mCustomViewContainer = null; 
                 }  
            }else if(mainWebView.canGoBack()){
   
                 mainWebView.goBack();
          
            }else{
 
                 super.onBackPressed(); 
            }
      }

You'll need is to add your member variables 

 private VideoView mVideoView;  
 private RelativeLayout mContentView;  
 private FrameLayout mCustomViewContainer;  
 private WebChromeClient.CustomViewCallback mCustomViewCallback;  

One last thing, and actually it's the most important step, is to add the next line.

 webView.setWebChromeClient(new MyChromeClient());  

That's it, don't hesitate to comment, to share your knowledge and to correct me. 

Read More [...]

Posted in Android

Galaxy SII, Forgot account password and want to reset to factory settings

Hi,

The problem can be solved by opening the keypad and pressing the following keys:

*2767*3855#

CAUTION:
Once you press the ( # ) key, the device will start the process. No menus will appear and No options will be available, The process will just start.

The original thread is here.

That's it, don't hesitate to comment, to share your knowledge and to correct me. 

Read More [...]

Posted in Tech

How does Google's WiFi location based services work??

Hi,

I was wondering how Google can find my location when I'm using WiFi, and I kept digging the Internet to find an answer.

To collect information about WiFi access points, Google uses information provided by  

• cellphone handsets.
• computer applications.
• radio receivers attached to vehicles.

Google used wardriving to collect data about access points. It used the same vehicles which collected imagery for the street view service to collect information about WiFi access points.

Furthermore, according to this page, Google also uses Android powered devices to collect these data as follows: 

Android Location Services periodically checks on your location using GPS, Cell-ID, and WiFi to locate your device. When it does this, your Android phone will send back publicly broadcast WiFi access points' Service set identifier (SSID) and Media Access Control (MAC) data. 

The Data is used in aggregate to improve Google's location based services.

The data collected by the vehicle-based method is not tied to any particular user. Google doesn't share location based services directly with users but through the free publicly available Geolocation API.

Applications that return information to users receive geocoded locations that are individual to the user's request and they don't receive specific information about an access point.

When using vehicle-based method, Data about WiFi access points are collected passively which means that the equipment that receives the data  receives signals broadcast to it but not actively initiating a communication with the access point.

Data collected is only that is broadcast publicly on the WiFi radio network. It's visible to anyone else with a WiFi receiver.

Google location based services using WiFi access points data work as follows:

• The user's device sends a request to Google location server with a list of MAC addresses which are currently visible to the device.
• The location server compares the MAC addresses seen by the user's device with it's list of known MAC addresses, and identifies associated geocoded locations (i.e. longitude/latitude).
• The location server then uses the geocoded locations associated with visible MAC addresses to triangulate the approximate location of the user.
  So, The more WiFi networks around, the higher is the accuracy of the positioning.
• This approximate location is then geocoded and sent back to the user's device.

For more details, you can visit this and this.

That's it, don't hesitate to comment, to share your knowledge and to correct me. 

Read More [...]

Posted in Tech

Android: Push notifications using Urban-Airship's push library

This Post Is Deprecated ...

Hi,

Once upon a time I was developing an application for platforms starting from 2.1 ( API level 7 ) and it happened that I needed the app to receive notifications from the server.

Actually, I achieved this using C2DM directly ( with no external libraries ) by following this tutorial, AND then I  achieved this  once again using Urban Airship's push library for Android.

The main advantage of using C2DM directly is that the documentation is very clear as always and by following the previously mentioned tutorial you can get every thing working in no time.

But, on the other hand, it requires platform 2.2 ( API level 8 ) at least and it takes a little bit more coding effort for both the client and server sides.

After all, I enjoyed it and I think that without using C2DM directly, I wouldn't be able to understand how Urban Airship works.

Why Urban Airship:

• Allows the devices running platforms lower than 2.2 ( API level 8 ) to receive push notifications.

• Handles many requests between the device and the server on behalf of the developer (e.g. the registration tying an APID (Android Push ID -  is the Urban Airship ID of a device to which a message can be pushed from the Urban Airship API ) to your application happens automatically ).


• Broadcasts the messages to all the registered devices ( of course you can do it just by looping on all the registered devices, but eventually Urban Airship still does it for you ).


• And of course because, it was a recommendation from a friend :)

The only thing that I didn't like about Urban Airship is that the documentation wasn't so clear as the one from Google that made me spend more time trying to figure out what's going on but once I did, it was a very easy task to do again and again.

Steps:

1. Visit Urban Airship's website. Choose the pricing plan that suits your needs and sign up here.


2. Sign up for C2DM here to authorize your Google account to become a C2DM sender ( to be able to push notifications ) and later we'll use the same Google account to generate a token for Urban Airship.


3. Download the library from here.


4. Create a new folder in your Android project and place the jar file inside it and then add the jar to your project libraries.




5. Now, we need to get the authorization token by which C2DM authorizes my account ( you’ll give that token to Urban Airship so it can send messages on your behalf ).


• Create a Java project and then create the following class:



 import java.io.BufferedReader;  
 import java.io.IOException;  
 import java.io.InputStreamReader;  
 import java.io.OutputStream;  
 import java.net.HttpURLConnection;  
 import java.net.URL;  
   
 public class AuthenticationUtil {  
      private AuthenticationUtil() {  
           // Util class cannot get instanziated  
      }  
   
      public static String getToken(String email, String password)  
                throws IOException {  
           // Create the post data  
           // Requires a field with the email and the password  
           StringBuilder builder = new StringBuilder();  
           builder.append("Email=").append(email);  
           builder.append("&Passwd=").append(password);  
           builder.append("&accountType=GOOGLE");  
           builder.append("&source=MyLittleExample");  
           builder.append("&service=ac2dm");  
   
           // Setup the Http Post  
           byte[] data = builder.toString().getBytes();  
           URL url = new URL("https://www.google.com/accounts/ClientLogin");  
           HttpURLConnection con = (HttpURLConnection) url.openConnection();  
           con.setUseCaches(false);  
           con.setDoOutput(true);  
           con.setRequestMethod("POST");  
           con.setRequestProperty("Content-Type",  
                     "application/x-www-form-urlencoded");  
           con.setRequestProperty("Content-Length", Integer.toString(data.length));  
   
           // Issue the HTTP POST request  
           OutputStream output = con.getOutputStream();  
           output.write(data);  
           output.close();  
   
           // Read the response  
           BufferedReader reader = new BufferedReader(new InputStreamReader(  
                     con.getInputStream()));  
           String line = null;  
           String auth_key = null;  
           while ((line = reader.readLine()) != null) {  
                if (line.startsWith("Auth=")) {  
                     auth_key = line.substring(5);  
                }  
           }  
   
           // Finally get the authentication token  
           // To something useful with it  
           return auth_key;  
      }  
 }  



• Now, in the Java project, create the following class which will get the authentication token:



 import java.io.IOException;  
   
 import de.vogella.java.c2dm.server.secret.SecureStorage;  
 import de.vogella.java.c2dm.server.util.AuthenticationUtil;  
   
 public class GetAuthenticationToken {  
   
      public static void main(String[] args) throws IOException {  
           String token = AuthenticationUtil.getToken(YOUR E-MAIL,  
                     YOUR PASSWORD);  
           System.out.println(token);  
      }  
 }  



• Run GetAuthenticationToken and get the token.


• Hint: the previous snippets are from here.


6. Back to your Urban Airship's account, from the SELECT AN APPLICATION tab, create a new app.





7. Set your app up:
   
   
   • Enter the application name.
   
   
   • Set the Application mode to (Development), and later you can change it to (Production) after you finish testing the app.
   
   
   • check the check box in front of (Push Notifications Support), you can check the others (Rich Push Enabled and In-App Purchase and Subscriptions) too if you need and depending on the pricing plan that you've chosen.
   
   
   • Then you have to enter your project's package.
   
   
   • And - at last - enter the C2DM authorization token ( yes, the one that we used the previous two snippets to get ).
   
   
   • Press (Create your application) button.





8. That's all the configuration thing, now, lets move to the app.


9. Create a file inside the assets folder named airshipconfig.properties or you can copy it from the push example that you previously downloaded and then modify the values inside it.



 developmentAppKey = Your Development App Key  
 developmentAppSecret = Your Development Secret  
 #productionAppKey = Your Production App Key  
 #productionAppSecret = Your Production Secret  
   
 #transport is "c2dm", "helium" or "hybrid".  
 #note: the helium and hybrid transports are premium features.  
 #for complete pricing information, see http://urbanairship.com/pricing/  
   
 transport = c2dm  
   
 c2dmSender = the email that you registered to C2DM with  
 inProduction = false  



10. you can get your development key and secret from your app's page on Urban Airship.





11. Create a class that extends BroadcastReceiver and lets call it IntentReceiver, we'll use this receiver to receive the messages and to handle it as follows:



 public class IntentReceiver extends BroadcastReceiver {   
     
   private String msg;   
      
    @Override   
    public void onReceive(Context context, Intent intent) {   
          
       String action = intent.getAction();   
     
       // if a notification is received ...   
       if (action.equals(PushManager.ACTION_PUSH_RECEIVED)) {   
     
         // Do whatever you want ....   
     
       // if the notification is opened/clicked ...   
       } else if (action.equals(PushManager.ACTION_NOTIFICATION_OPENED)) {   
     
         // here you can get the extras from the intent.   
         // and then you can use it as you wish.   
         msg = intent.getStringExtra(PushManager.EXTRA_ALERT);   
            
         // for example, you can start an activity and send the msg as an extra.   
         Intent launch = new Intent(Intent.ACTION_MAIN);   
         launch.setClass(UAirship.shared().getApplicationContext(), MyActivity.class);   
         launch.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);   
         launch.putExtra("notification", msg);   
     
         UAirship.shared().getApplicationContext().startActivity(launch);   
     
         // save the APID in a shared preferences ...   
         //     it'll be sent to the server ...   
       } else if (action.equals(PushManager.ACTION_REGISTRATION_FINISHED)) {   
          
                     // to log the APID ...  
                     Log.i(logTag, "Registration complete. APID:"  
                          + intent.getStringExtra(PushManager.EXTRA_APID)  
                          + ". Valid: "  
                          + intent.getBooleanExtra(  
                                    PushManager.EXTRA_REGISTRATION_VALID, false));  
                   
         // if registration is successful ...   
         if(intent.getBooleanExtra(PushManager.EXTRA_REGISTRATION_VALID, false)){   
            
            // Do whatever you want ....   
         }   
         else{   
               
            // register again ...   
         }   
       }   
    }   
  }   



12. Create a class that extends Application and override its onCreate() method as follows:



   
 public class MyApplication extends Application {    
      
   @Override    
   public void onCreate() {    
     
           // Take off with options defined in airshipconfig.properties...  
           UAirship.takeOff(this);    
             
           // The push service is DISABLED BY DEFAULT...    
           PushManager.enablePush();    
             
           // to make our receiver able to receive the broadcast intents...  
           PushManager.shared().setIntentReceiver(IntentReceiver.class);    
   }    
  }    



13. One more thing to go, it's the manifest.xml:



 <?xml version="1.0" encoding="utf-8"?>  
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
    package="your.project.package"  
    android:versionCode="1"  
    android:versionName="1.0">  
   <uses-sdk android:minSdkVersion="7" />  
   
   <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  
   <uses-permission android:name="android.permission.INTERNET" />  
   <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />  
   <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />  
      <uses-permission android:name="android.permission.READ_PHONE_STATE" />  
      <uses-permission android:name="android.permission.VIBRATE" />  
      <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />  
         
      <!-- REQUIRED for C2DM -->  
      <!-- Only this application can receive the messages and registration result -->  
      <permission android:name="your.project.package.permission.C2D_MESSAGE"  
           android:protectionLevel="signature" />  
   
      <uses-permission android:name="your.project.package.permission.C2D_MESSAGE" />  
   
      <!-- This app has permission to register and receive message -->  
      <uses-permission android:name="com.google.android.c2dm.permission.RECEIVE" />  
   
   <application android:label="@string/app_name"   
     android:icon="@drawable/launcher"  
           <!-- The Next line is very important -->  
     android:name="your.project.package.MyApplication" >  
       
     <activity android:name="your.project.package.MyActivity"  
                android:label="@string/app_name" >  
          
       <intent-filter>  
         <action android:name="android.intent.action.MAIN" />  
         <category android:name="android.intent.category.LAUNCHER" />  
       </intent-filter>  
       
     </activity>  
       
     <!-- Urban Airshp -->  
       
          <!-- REQUIRED -->  
          <receiver android:name="com.urbanairship.CoreReceiver" />  
        
          <!-- REQUIRED for C2DM and Hybrid -->  
          <receiver android:name="com.urbanairship.push.c2dm.C2DMPushReceiver"  
            android:permission="com.google.android.c2dm.permission.SEND" >  
        
            <!-- Receive the actual message -->  
            <intent-filter >  
              <action android:name="com.google.android.c2dm.intent.RECEIVE" />  
        
              <category android:name="your.project.package" />  
            </intent-filter>  
            <!-- Receive the registration id -->  
            <intent-filter >  
              <action android:name="com.google.android.c2dm.intent.REGISTRATION" />  
        
              <category android:name="your.project.package" />  
            </intent-filter>  
          </receiver>  
        
          <service android:name="com.urbanairship.push.PushService" />  
                  
          <!-- OPTIONAL, if you want to receive push, push opened and registration completed intents   
                Add the receiver that you've created -->  
          <receiver android:name="your.project.package.IntentReceiver" />  
   
     <!-- Urban Airshp -->  
       
   </application>  
   
 </manifest>  



14. Congratulations, your app is ready to receive notifications. to test it, turn on the WiFi or your 3G and run the app, then get the APID from the Logcat.


15. Open your app's profile on Urban Airship and choose push from the menu on the left side and then choose Test Push Notifications and of course choose Android.





16. Once you fill in the fields and press Send it the notification will be sent to your device.


17. You can install your app on many devices and send a broadcast message just by choosing Send Broadcast  from the menu on the left side. In this case you don't need to enter any specific APID because, Urban Airship API will send the notification to all the registered devices, and as I've mentioned earlier  tying an APID to your application happens automatically.

Notes:

1. You can stop receiving notification by calling disablePush() as follows:



 PushManager.disablePush();  



2. When you test your app and decide to release it, create another profile for you app with Application Mode set to Production.


3. It's highly recommended to read the Urban Airship's documentation as well.

That's it, don't hesitate to comment, to share your knowledge and to correct me.

Read More [...]

Posted in Android

Objective-C: Hello World!

Hi,
This is the famous (Hello, World!) example using the Objective-C programming language.

 #import <Foundation/Foundation.h>

 int main(int arg, const char * argv[]){

      NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];

      NSLog(@"Hello, World!");

      [pool drain];
      return 0;
 }

Explanation:

• #import:

It's used to include what's in a file (classes, functions, ...) into the program because, the program needs them for whatever it'll do.

The next paragraph is quoted from here.

The final directive we will look at is one you will probably have seen many times already in previous chapters. The #import directive allows you to import include files into your source files. We have done this many times when we have included the Foundation Framework headers in our example programs:

 #import <Foundation/Foundation.h>  

This particular import statement has the path encapsulated by < and > characters. This means that the specified header file is to be found relative to system includes directory (or any other include directories defined for the compilation). To import a header file relative to the directory containing the source file, the file name must enclosed in quotes:

 #import "includes/myincludes.h"  

The above example imports a header file named myincludes.h located in a sub-directory of the current directory called includes. This technique may also be used to specify an absolute path (i.e. one that is not relative to the current directory):

 #import "/Users/demo/objc/includes/myincludes.h"  

• main:

It's a special function; it's where the program starts execution.

What's between the parentheses are arguments that are passed to the program through the command-line.

• NSAutoreleasePool / drain:

They are related to the Memory management topic which is out of the scope of this post and they are auto-generated when using Xcode as the development environment.

• NSLog:

It displays/logs its argument.

Don't forget the @ character before the double quotes.

• return 0:

(return) ends/terminates the execution.

(0) is the exit status which indicates that the execution has ended normally.

That's it, don't hesitate to comment, to share your knowledge and to correct me.

Read More [...]

Posted in Objective-C