Object(...) is not function YoutubeVideoPlayer Native

Ionic Native
1

image
image.png1920×1080 228 KB

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { FormsModule } from '@angular/forms';

//
import { HttpModule } from '@angular/http';
import 'rxjs/add/operator/map'
//

//Natives
import { YoutubeVideoPlayer } from '@ionic-native/youtube-video-player/ngx';
import { LocalNotifications } from '@ionic-native/local-notifications/ngx';
import { IonicImageViewerModule } from 'ionic-img-viewer';
//

import { MyApp } from './app.component';

//Pages
import { HomePage } from '../pages/home/home';
import { MangalarPage } from '../pages/mangalar/mangalar';
import { AnimelerPage } from '../pages/animeler/animeler';
import { HaberlerPage } from '../pages/haberler/haberler';
import { AnimeDetayPage } from '../pages/anime-detay/anime-detay';
import { MangaDetayPage } from '../pages/manga-detay/manga-detay';
import { MangaOkuPage } from '../pages/manga-oku/manga-oku';
//

//Providers
import { MangaDetayProvider } from '../providers/manga-detay/manga-detay';
import { MangaOkuProvider } from '../providers/manga-oku/manga-oku';
import { AnimeDetayProvider } from '../providers/anime-detay/anime-detay';
//
@NgModule({
  declarations: [
    MyApp,
    HomePage,
    MangalarPage,
    AnimelerPage,
    HaberlerPage,
    AnimeDetayPage,
    MangaDetayPage,
    MangaOkuPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    FormsModule,
    HttpModule,
    IonicImageViewerModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    MangalarPage,
    AnimelerPage,
    HaberlerPage,
    AnimeDetayPage,
    MangaDetayPage,
    MangaOkuPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    MangaDetayProvider,
    MangaOkuProvider,
    AnimeDetayProvider,
    YoutubeVideoPlayer,
    LocalNotifications
  ]
})
export class AppModule {}

haberler.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, AlertController, Platform } from 'ionic-angular';
import { YoutubeVideoPlayer } from '@ionic-native/youtube-video-player/ngx';
import { LocalNotifications } from '@ionic-native/local-notifications/ngx';

@IonicPage()
@Component({
  selector: 'page-haberler',
  templateUrl: 'haberler.html',
})
export class HaberlerPage {

  constructor(private platform: Platform,public alertCtrl: AlertController,private localNotifications: LocalNotifications,private youtube: YoutubeVideoPlayer,public navCtrl: NavController, public navParams: NavParams) {
      
  }

  watch(url:string,isim:string){

    const confirm = this.alertCtrl.create({
      title: isim,
      message: 'Youtube Üzerinde Oynatılmak Üzere, İzin Verilsin Mi?',
      buttons: [
        {
          text: 'HAYIR',
          handler: () => {
            console.log('HAYIR TIKLANDI');
          }
        },
        {
          text: 'EVET',
          handler: () => {
          
          this.youtube.openVideo(url)

          this.platform.ready().then(() =>{
            this.localNotifications.schedule({
              title: 'Youtube Üzerinden',
              text: isim+' Oynatılıyor.'
            })
          })
          }
        }
      ]
    });
    confirm.present();

  }
}

haberler.html

<ion-header>
  <ion-navbar color="dark">
    <ion-title text-color="light">
      Haberler
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
    <ion-card color="dark">
        <ion-item color="dark">
            <h2>One Punch Man Sezon 2</h2>
            <p>14 Ağustos 2018</p>
          </ion-item>
        <img src="https://i.hizliresim.com/YQ07kk.jpg">
        <ion-card-content>
          <p>Uzunca bir süredir haber alamadığımız One Punch Man’in 2. sezonuyla ilgili o mutlu haber sonunda geldi.İkinci sezonun çıkış tarihi belli oldu!</p>
        </ion-card-content>
        <ion-row>
          <ion-col center text-center>
            <ion-note>
                One Punch Man 2. sezonu Nisan 2019’da ekranlarda olacak.
            </ion-note>
          </ion-col>
        </ion-row>
      </ion-card>
      <button ion-button full icon-start color="danger" (tap)="watch('wRAQxhDQMMY','One Punch Man Fragman')">
          <ion-icon name="logo-youtube"></ion-icon>
          Fragmanı İzlemek İçin Tıklayın
        </button>
        <br>
        <ion-card color="dark">
            <ion-item color="dark"> 
                <h2>OverLord Sezon 3</h2>
                <p>9 Ağustos 2018</p>
              </ion-item>
            <img src="https://i.hizliresim.com/alWb32.jpg">
            <ion-card-content>
              <p>İki sezonu geride bırakan Overlord animesi yeni sezonu ile yakında geliyor.Overlord 3. sezon tarihi resmi olarak açıklandı.Yeni karakterlerin yanı sıra tanıtım videosu da resmi olarak geldi.</p>
            </ion-card-content>
            <ion-row>
              <ion-col center text-center>
                <ion-note>
                 OverLord 3. sezonu Mart 2019’da ekranlarda olacak.
                </ion-note>
              </ion-col>
            </ion-row>
          </ion-card>
          <button ion-button full icon-start color="danger" (tap)="watch('TdoU353nx1U','OverLord Fragman')">
              <ion-icon name="logo-youtube"></ion-icon>
              Fragmanı İzlemek İçin Tıklayın
            </button>
            <br>
        <ion-card color="dark">
            <ion-item color="dark">
                <h2>Shingeki no Kyojin Sezon 3</h2>
                <p>4 Ağustos 2018</p>
              </ion-item>
            <img src="https://i.hizliresim.com/k9oyBJ.jpg">
            <ion-card-content>
              <p>Son yılların en popüler manga ve animelerinden biri olmasına karşın inişli çıkışlı gidişatı ile bu popüleritesini biraz kaybeden Attack on Titan'ın 2.sezonunu geçtiğimiz aylarda izleme şansına erişmiştik. Özellikle bazı gizemleri açığa çıkartması ve aksiyon dolu sahneleri ile 2.sezonun beklendiği gibi geçtiğini de söyleyebiliriz.Özellikle manga okuyucuları için bilinen sahneleri animasyon halinde izlemek gerçekten keyifliydi. 2.sezon sonrası yeni sezon için eskiye oranla çok beklemeyeceğimiz de açıklanmıştı.</p>
            </ion-card-content>
            <ion-row>
              <ion-col center text-center>
                <ion-note>
                 Shingeki no Kyojin 3. sezonu Temmuz 2019’da ekranlarda olacak.
                </ion-note>
              </ion-col>
            </ion-row>
          </ion-card>
          <button ion-button full icon-start color="danger" (tap)="watch('n5kEZ9rwxf0','Shingeki no Kyojin Fragman')">
              <ion-icon name="logo-youtube"></ion-icon>
              Fragmanı İzlemek İçin Tıklayın
            </button>
            <br>
        <ion-card color="dark">
            <ion-item color="dark">
                <h2>Tokyo Ghoul Sezon 3</h2>
                <p>1 Ağustos 2018</p>
              </ion-item>
            <img src="https://i.hizliresim.com/8aB7Z1.jpg">
            <ion-card-content>
              <p>Ülkemizde de hatrı sayılır bir izleyici kitlesi olan Tokyo Ghoul'ün 3. sezonun ne zaman geleceği kesinleşti.Yayınlanan kısa bir teaser ile birlitke animenin, mangay ile aynı isme sahip olan Tokyo Ghoul: Re adını alacağı kesinleşmiş oldu. Yani yeni sezon anime eski sezonun devamı niteliğinde olacak.</p>
            </ion-card-content>
            <ion-row>
              <ion-col center text-center>
                <ion-note>
                 Tokyo Ghoul 3. sezonu Şubat 2019’da ekranlarda olacak.
                </ion-note>
              </ion-col>
            </ion-row>
          </ion-card>
          <button ion-button full icon-start color="danger" (tap)="watch('nytIRpgO3Z4','Tokyo Ghoul Fragman')">
              <ion-icon name="logo-youtube"></ion-icon>
              Fragmanı İzlemek İçin Tıklayın
            </button>
</ion-content>

package.json

{
  "name": "TAVM",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "start": "ionic-app-scripts serve",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "^7.2.14",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/core": "~4.20.0",
    "@ionic-native/local-notifications": "^5.5.0",
    "@ionic-native/splash-screen": "~4.20.0",
    "@ionic-native/status-bar": "~4.20.0",
    "@ionic-native/youtube-video-player": "^5.5.0",
    "@ionic/storage": "2.2.0",
    "cordova-android": "8.0.0",
    "cordova-plugin-badge": "^0.8.8",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-local-notification": "0.9.0-beta.2",
    "cordova-plugin-youtube-video-player": "2.3.0",
    "ionic-angular": "3.9.5",
    "ionic-img-viewer": "^2.9.0",
    "ionicons": "3.0.0",
    "rxjs": "5.5.11",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.29"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.2.3",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "^4.0.1",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "typescript": "~2.6.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-youtube-video-player": {},
      "cordova-plugin-local-notification": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {}
    },
    "platforms": [
      "android"
    ]
  }
}