Взятию Константинополя предстояло стать кульминацией его честолюбивого и долгосрочного плана, задуманного и осуществленного с величайшей предусмотрительностью и тщательностью. В 669 году армия арабов заняла побережье Азии напротив Города. На следующий год флот из четырехсот судов переплыл Дарданеллы и овладел базой на полуострове Кизик на южной стороне Мраморного моря. Арабы накапливали продовольствие, строили сухие доки и ремонтные мастерские, стремясь обеспечить ведение кампании: она должна была продолжаться столько, сколько потребуется. Миновав пролив к западу от Города, мусульмане впервые ступили на побережье Европы. Здесь они овладели гаванью, откуда планировали вести осаду, и провели рейды по территориям в тылу города. Защитники Константинополя укрылись за массивными стенами, в то время как византийский флот, стоявший в доках в бухте Золотой Рог, готовился контратаковать врага.
В течение пяти лет, с 674 по 678 год, арабы успешно проводили кампанию по одному и тому же образцу. В период с весны по осень каждый год они осаждали стены и предпринимали операции на море, включавшие в себя непрерывные сражения с византийским флотом. Обе стороны использовали один и тот же тип судов — весельные галеры; команды также были по большей части одинаковыми, так как мусульмане привлекали к делу искусных моряков-христиан из завоеванного ими Леванта. Зимой арабы перегруппировывались на своей базе в Кизике, чинили корабли и готовились на следующий год вновь усилить натиск. Осада затянулась, но они были непоколебимо уверены в неминуемости своей победы.
А затем в 678 году византийский флот сделал решающий ход. Он атаковал флот мусульман, предположительно нанеся удар по базе в Кизике в конце «сезона битв» — подробности либо неясны, либо тщательно замалчивались. Нападение возглавляла эскадра быстроходных дромонов — легких, маневренных, многовесельных галер. Не сохранилось рассказов современников о том, что происходило дальше, хотя из позднейших сообщений можно составить суждения о деталях. Приблизившись к противнику, атакующие корабли, как обычно, выпустили тучу стрел, а затем обрушили на него исключительной силы поток жидкого огня из сопел, укрепленных высоко на носах судов. Струи огня воспламенили поверхность моря между сблизившимися судами; затем огонь охватил вражеские корабли; «похоже было на то, будто прямо перед ними ударила молния».
Огненная вспышка сопровождалась шумом, напоминавшим гром; дым застлал небо; пар и газы задушили охваченных ужасом моряков на арабских судах. Казалось, огненная буря произошла в нарушение законов природы: ее можно было направлять в сторону или вниз — в любом направлении по желанию «оператора»; там, где она соприкасалась с поверхностью моря, вода вспыхивала. По-видимому, она также обладала способностью прилипать к предметам, «приклеиваясь» к деревянным бортам и мачтам. Потушить ее оказалось совершенно невозможно. Суда и их команды быстро поглотил стремительный поток огня, вызванный словно дуновением некоего злого бога. Чудовищное адское пламя «уничтожило корабли арабов, а их команды сгорели заживо». Флот погиб, а те пострадавшие, кому удалось выжить, «с потерей множества воинов и великим ущербом», сняли осаду и отправились домой. На уцелевшие корабли обрушился зимний шторм, и большая часть из них потерпела крушение, в то время как армия арабов попала на побережье Азии в засаду и была разгромлена. Подавленный Муавия заключил перемирие на тридцать лет на невыгодных для арабов условиях и, сломленный, умер на следующий год. В первый раз мусульманские завоеватели потерпели крупную неудачу.
